What Font Is This

About

What Font Is This lets you identify any font on any website instantly.

HOW IT WORKS:
1. Click the extension icon to activate font inspection mode
2. Hover over any text — a tooltip shows the font name, size, weight, and color in real time
3. Click on any text to pin a detailed font card
4. Press Escape or click the icon again to deactivate

TOOLTIP (on hover):
• Font family (the actual rendered font, not just the CSS declaration)
• Size / Weight / Color
• Source detection: Google Fonts, Adobe Fonts, System, or Web Font

PINNED CARD (on click):
• Font family + full CSS font stack
• Size, weight, style, line-height, letter-spacing
• Color with hex value and visual preview
• Live preview: "The quick brown fox..." rendered in the detected font
• Source badge (Google Fonts, Adobe Fonts, System, Web Font)
• Copy font name or full stack to clipboard with one click
• Draggable — move cards anywhere on the page
• Stack multiple cards to compare fonts side by side

FONT DETECTION:
• Uses the document.fonts API to detect the actually rendered font, not just the CSS declaration
• Identifies Google Fonts (via stylesheet detection)
• Identifies Adobe Fonts / Typekit
• Distinguishes system fonts from custom web fonts
• Shows the complete font stack as declared in CSS

FEATURES:
• Zero configuration — just click and inspect
• Lightweight: 16 KB, no external dependencies, no libraries
• Dark, minimal UI that doesn't interfere with the page
• Works on any website
• Keyboard shortcut: Escape to deactivate

100% FREE — no account, no premium tier, no data collected.

Privacy: What Font Is This makes zero network requests. All font detection runs locally in your browser. No data is collected, stored, or transmitted. No analytics, no tracking, no cookies.