What Font Is This

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.