Identify every font on any website instantly
Detect font families, weights, and styles from any page - with direct links to Google Fonts when available.
Early supporters get 30% off their first year. No spam, ever.
The font, named and ready
Ready for Figma and code.
- Text styles in Figma
- The full CSS font stack
Next to the colors it goes with.
- Saved in folders named by idea
- The same library on every device
Font Detector questions
WhatFont identifies one font at a time by hovering. PocketUI detects all fonts on the page at once, lets you save them into organized folders alongside colors and screenshots, and syncs your library to the cloud. It's a font detector plus a full design system library.
Yes. The extension reads the document.fonts API which includes all fonts loaded by the page, regardless of whether they were loaded via CSS @font-face, Google Fonts link tags, or JavaScript font loaders.
PocketUI identifies fonts and gives you the information to find and license them. For Google Fonts, you get a direct link. For commercial fonts (Adobe, proprietary), you get the name so you can license them properly.
Fonts rendered as images (logos, hero graphics) won't be detected since they're not actual web fonts. System fonts like Arial or Times New Roman are detected but filtered from results since they're not part of the site's design decisions.
Stop recreating designs you've already seen
Join now and get 30% off your first year as an early supporter.
A quick confirmation now, then one email on launch day.