Identify every font on any website instantly

What it does

See a typeface you love? PocketUI identifies every font loaded on the page using the document.fonts API and computed styles. You get the font family, weight, style, and full CSS font-stack. Google Fonts are tagged automatically with direct links. Save fonts alongside colors and screenshots in the same folder to capture the full design language of any site.

How it works

1. 1

   Open PocketUI on any website and choose "Colors & Fonts" mode

2. 2

   The extension reads the document.fonts API and scans computed font-family declarations

3. 3

   See every font with its weights, styles, and CSS stack

4. 4

   Deselect fonts you don't need, pick a folder, and save

5. 5

   Access your font library from any device on Pro

Why designers use it

• Identifies all loaded fonts - Google Fonts, Adobe Fonts, and custom typefaces
• Shows exact weights and styles (not just the family name)
• Direct links to Google Fonts specimen pages when detected
• Save fonts alongside matching colors and screenshots in the same folder
• Build a personal typography library organized by project or style
• Copy the full CSS font-family declaration with one click

Frequently asked questions

How is this different from WhatFont?

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.

Does it detect fonts loaded by JavaScript?

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.

Can I get the actual font files?

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.

What if a font isn't detected?

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.

More features