Media
2 items
Description
Identify any font on any website instantly. Hover to inspect, click to pin. Free, no account required. 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.