WhatFont
Extension Actions
- Extension status: Featured
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
- Mark Iuzzolino
- This extension works perfectly. This has already saved me so much time in just a few days of using it. I would love to see the H values added (H1, H2, H3, etc.). Thanks for a great product!
- NuT CrAcKeR
- 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
- Taylor Stanley
- 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!
- Chat GPT
- 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!
- shot art
- not working. on every font it says Arial
- Emily Holbrook (Xavransin)
- Perfect for what I needed!
- Yunhan Liu
- This works so beautifully
- Mercurius Saad
- 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.
- Rafi Tanzim
- Exceptional! The creator, Chengyin Liu is the GOAT.
- Kelsey Furlong
- Worked for years and then quit working.
- Behzad Ebrahimi
- Worked instantly with all the details
- Luiz Schramm
- Doesn't work.
- Aiden W
- Cannot do images, if it can, you sure as hell do not make it easy to do so
- Nastya Zotov
- Amazing extension, very useful for web designers and UI/UX designers. Works great, lot's of useful information within the click.
- Jo Pinto
- 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.
- Beyond Thread Co.
- Doesn't detect script or handwriting fonts
- Kim Taylor
- Has stopped working 90% of the time.
- Edem Tudzi
- Worked instantly giving me all the details I needed on the font
- L
- does not work anymore
- Asan Tamzid
- Amazing.
- Povilas Giraitis
- Amazing
- Doruktan Erkan
- Simple and useful. An extension that works.
- Venkatesh Gadivemula
- excellent one.
- Russell Rana
- This my daily usage tool. Love it so much.
- Ovi Alexandru Palivan
- 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!
- Azhar Ali
- the bets
- Akbor Hussain Emran
- Very good & handy! Loved to use it.
- sumaiya ahmed
- Does not work on Shopify store on 5th Sept. 2024.
- Andrew M
- Very good & handy!
- Amy Lynn
- 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!
- Rafhan Muhammad
- 100% satisfied!
- Parth Bhatt
- Color is not appearing incorrect and it always shows black/white.
- Robert Hudák
- Great extension
- Ryan Smith
- 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...
- Sapura Chewae
- DOES NOT WORK, WHY?
- Ibrahim Gbede
- Unfortunately, it does not work.
- Creative Eagle
- Excellent extension
- Ben Chavez
- Love this extension for frontend development. Thank you!
- Visual Packs
- spent hours with horrible tools telling me incorrect fonts. This tool was instant and 100% accurate THANKS
- Salocin Dot TEN
- Recommended by Gary Simon of DesignCourse. Very useful tool for determining the font used quickly rather than using the developer panel.
- Ronit Bhomia
- It has helped me a lot and removed the headache of opening inspect and checking everything. It's a great extension for developers!
- F Aziz
- it has stopped working??
- HAY DESIGNERS FREEPIK
- not working
- 2B21 Skin Care
- It blew my mind even before I started using it
- HM
- Best and very helpful extension. It help me very much to find fonts of any website
- Ouhoy
- Works!
- Mrunmayi Naik
- friend of my recommend this to me but it's not working, i hope it gets fixed soon
- Julian Northrop
- Used it for years and it was great. Sadly I can no longer get it to work
- Knots Untied
- 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).
- Tasha S
- 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.