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).
Product upvotes vs the next 3
Waiting for data. Loading
Product comments vs the next 3
Waiting for data. Loading
Product upvote speed vs the next 3
Waiting for data. Loading
Product upvotes and comments
Waiting for data. Loading
Product vs the next 3
Loading
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.
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.
On the analytics side, FontMeter competes within Chrome Extensions, Design Tools and Developer Tools — topics that collectively have 839k followers on Product Hunt. The dashboard above tracks how FontMeter performed against the three products that launched closest to it on the same day.
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.
For a complete overview of FontMeter including community comment highlights and product details, visit the product overview.
Denis Leonov