WhatFont
The easiest way to identify fonts on web pages.
Say goodbye to the complexity of developer tools for identifying fonts. With WhatFont, discovering the fonts used on websites becomes as effortless as hovering over text. Want more details? A simple click on any element reveals the styles applied, making it easier than ever to uncover the secrets behind beautiful typography.
Recommended by Wired WebMonkey, Lifehacker, and SwissMiss.
———————————————————————————
History:
• 3.2.0
- Improved toolbar icon compatibility
• 3.1.1
- Removed unnecessary developer logging
• 3.1.0
- Added multiple color format support
• 3.0.1
- Restored escape key to exit
• 3.0.0
- Completely Rewritten: The entire extension has been rebuilt for better performance and usability.
- Updated Permission Model: We've revised permissions to better respect user privacy while maintaining functionalities.
- Refreshed Appearance: The look has been updated for a more modern feel.
- Isolation from Host Website Styling: Ensures WhatFont's appearance is unaffected by the website it's used on.
- Adaptive Toolbar Icon: The toolbar icon now changes based on the system's appearance settings.
- Support for New CSS Color Values: Enhanced support for the latest CSS color values.
• 2.1.0
- A new design thanks to Siddharth Mate
• 2.0.3
- Retina toolbar icon
• 2.0.2
- Fix option page for button styles
• 2.0.1
- Use native screen capturer
• 2.0
- Improved sharing
• 1.7
- Added font services detection for FontDeck (Thanks to Mark Perkins)
- Improved font detecting algorithm
- Improved overall performance
• 1.6.1
- Added color detection for text
• 1.6
- Added a tweet button for instant sharing through Twitter
- Improved style reseting
• 1.5
- Overall restyling
• 1.4.4
- Supported light icon for dark themes
• 1.4.3
- Fixed a bug related to Typekit service detection
• 1.4.2
- Reduced loading time
- Supported HTTPS protocol
• 1.4.1
- Fixed stylesheet bug
• 1.4
- Restructured source code
- Supported font services detection for Typekit and Google Font API
- Fixed toolbar button bug. Second click is now "Exit WhatFont"
Latest reviews
EXTREMELY impressive and EXTREMELY FAST and finding the font!! :-D wow HOW TO USE - after you've installed it to your browser, make sure you activate it so it shows on your browser, then click it ONCE and hover or click the area where the font is! Amazing. This is going to save me a LOT of time! Much appreciated buuuuuddy
Very helpful, does exactly what it should do to show the font, color, line-height, size, etc. I'd suggest showing the rem alongside the px for font size then it'd be perfect!
A Must-Have Extension for Designers and Developers! This extension is incredibly helpful and has become an essential tool for our entire development team. We use it daily for: Discovering and identifying the best fonts Clicking on any text to instantly view all font properties Verifying if fonts are correctly applied across a website While it doesn't work on Chrome's default pages (like the homepage, settings, or chrome://flags), this is a browser limitation and not a fault of the extension itself. Overall, it's an excellent tool for anyone working in graphic design or web development. Highly recommended!
not working. on every font it says Arial
Perfect for what I needed!
This works so beautifully
Sadly doesn't work anymore; very buggy and takes forever to install. I recently found another Chrome plugin called Serifio that seems very stable and has a better UX/UI.
Exceptional! The creator, Chengyin Liu is the GOAT.
Worked for years and then quit working.
Worked instantly with all the details
Doesn't work.
Cannot do images, if it can, you sure as hell do not make it easy to do so
Amazing extension, very useful for web designers and UI/UX designers. Works great, lot's of useful information within the click.
Works well for me. Does exactly what I needed it to do. When it's enabled I simply click on a piece of writing and the the details of the font and styling appear.
Doesn't detect script or handwriting fonts
Has stopped working 90% of the time.
Worked instantly giving me all the details I needed on the font
does not work anymore
Amazing.
Amazing
Simple and useful. An extension that works.
excellent one.
This my daily usage tool. Love it so much.
This app is fkn amazing. I'm a newbie at web design. This allows me to get inspiration fast from other website and literally cut down my tinkering and trial and error by 20x!! So much faster!!!! THANK YOU!
the bets
Very good & handy! Loved to use it.
Does not work on Shopify store on 5th Sept. 2024.
Very good & handy!
Doesn't work on images. If you want to know the font this app is just reading the source code of the page or the CSS. waste of time!
100% satisfied!
Color is not appearing incorrect and it always shows black/white.
Great extension
If it isn't working, click the "extensions" icon that looks like a puzzle piece, then click the pushpin icon to pin to extensions bar. The Whatfont icon looks like an "f?" . Click it to ID your font. This would be easy to mention in the overview for those not familiar with Chrome extensions.... just saying...
DOES NOT WORK, WHY?
Unfortunately, it does not work.
Excellent extension
Love this extension for frontend development. Thank you!
spent hours with horrible tools telling me incorrect fonts. This tool was instant and 100% accurate THANKS
Recommended by Gary Simon of DesignCourse. Very useful tool for determining the font used quickly rather than using the developer panel.
It has helped me a lot and removed the headache of opening inspect and checking everything. It's a great extension for developers!
it has stopped working??
not working
It blew my mind even before I started using it
Best and very helpful extension. It help me very much to find fonts of any website
Works!
friend of my recommend this to me but it's not working, i hope it gets fixed soon
Used it for years and it was great. Sadly I can no longer get it to work
Installed on Arc version 1.39 and works well. Here's how to use it: Once installed, pin it so you can click on it when you want to identify a font. On a page with fonts you want to identify... Click on the WhatFont icon: This puts you into a separate mode where you can hover over text and optionally click to identify. That's it! You just have to understand you're in a metamode where the extension is "taking over" the browser. Gotchas are: You have to hover over actual text. It won't work to hover over an image (such as those on font websites). Don't have any dialog boxes waiting for your acknowledgement (such as for cookies). Doesn't seem to work on any page controlled by Google. Doesn't understand bold or italics usually. Any time you go off the current page, it gets deactivated. Or just click the extension icon again to deactivate (exits WhatFont mode).
It works, but does seem a little buggy or temperamental. For me, I've found that if I click the "WhatFont" icon in my Bookmarks Bar to "activate" it and then hover the mouse over the text, then a black rectangular box pops up letting me know what the font is. Click that rectangle to expand and have more details (size, weight, color code, etc.). Works *mostly* but not 100% of the time for me, though I do notice it doesn't seem to work on this Google-owned page, but that's probably Google blocking something.
Apparently its always " times new roman".
