This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
FontMeter
Font sizes, real fonts and contrast, right on the page
FontMeter labels every text style on any page and shows the fonts that really render, the type scale and contrast. Inspect spacing, measure and pick colors without opening DevTools. Free, runs locally, and you can try every tool on fontmeter.dev first.
Hi Product Hunt! 👋
I'm the maker of FontMeter. I'm a frontend developer, and the question I ask most when I look at a site is "what is that font, and what size?" DevTools answers it one element at a time, and it doesn't tell you when the font you asked for isn't the one that's rendering.
So FontMeter shows the whole type system at once:
• A label beside every text style on screen (never on top of the text), and a panel listing every style on the page
• The fonts that actually render: fallbacks, faked bold or italic, fonts that failed to load
• The type scale as tokens, with the closest modular ratio, exported to CSS, Tailwind or JSON
• WCAG contrast for every style, plus the colors your screen really shows (it reads pixels, so gradients and images count)
• Inspect, a snapping ruler and a color picker for the rest
It's free, has no account and no servers, and only runs on a tab when you turn it on.
You don't have to install anything to try it: fontmeter.dev runs the extension's own code on itself. Click any "Show me" button and it opens on the page you're reading. There's even a card with four typography mistakes planted for it to find.
I'd love to hear what you check first when you inspect a site, and what you'd want FontMeter to measure next.
No comment highlights available yet. Please check back later!
About FontMeter on Product Hunt
“Font sizes, real fonts and contrast, right on the page”
FontMeter was submitted on Product Hunt and earned 6 upvotes and 1 comments, placing #31 on the daily leaderboard. FontMeter labels every text style on any page and shows the fonts that really render, the type scale and contrast. Inspect spacing, measure and pick colors without opening DevTools. Free, runs locally, and you can try every tool on fontmeter.dev first.
FontMeter was featured in Chrome Extensions (52.9k followers), Design Tools (263.7k followers) and Developer Tools (522.4k followers) on Product Hunt. Together, these topics include over 155.1k products, making this a competitive space to launch in.
Who hunted FontMeter?
FontMeter was hunted by Denis Leonov. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how FontMeter stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Denis Leonov