Key features
- Hover detection for instant font name display
- Click for full CSS style details (size, weight, line-height)
- Text color detection alongside font info
- Recognizes fonts served via Google Fonts, Typekit, and FontDeck
- Multiple CSS color format support
What WhatFont does
WhatFont turns font identification into a hover action. Activate it on any page, move your cursor over text, and a small label shows the font family in use. Click that text and a panel expands with size, weight, line-height, and color. It works on regular HTML text rendered with real fonts, including ones loaded from Google Fonts, Typekit, or FontDeck, which covers most modern websites.
Is WhatFont safe?
WhatFont only needs to read the page you're actively viewing to detect font styles; it doesn't require broad browsing history access. The developer states data isn't sold to third parties or used for anything beyond identifying fonts. It runs entirely in the page you're on and doesn't modify content, so it's low-risk to keep installed and toggle on only when needed.
WhatFont vs typing font names manually
Without WhatFont, matching a font usually means opening DevTools, finding the right element in the inspector, and reading computed styles buried in a sidebar. WhatFont skips that entirely: one click to activate, one hover to see the name. It's faster for quick checks, though DevTools still wins if you need to trace inherited styles across a whole stylesheet.