Quick Font Finder

Quick Font Finder lets you inspect any text on any webpage with a single click.
Designed for designers, developers, and anyone who cares about typography.

HOW IT WORKS
1. Click the extension icon or press Cmd+Shift+F (Ctrl+Shift+F on Windows)
2. Hover over any element to see a quick preview — font name, size, weight, and
color
3. Click any element to open a detailed side panel with full CSS typography data

WHAT YOU CAN INSPECT
- Font family, rendered font, size, weight, style, and line height
- Text color and background color with hex values
- WCAG contrast ratio with pass/fail ratings (AA, AAA)
- Letter spacing, word spacing, and text indent
- Text transform, decoration, alignment, and shadow
- Element tag, class, ID, and dimensions

KEY FEATURES
- Hover-to-preview: See font info instantly as you move your cursor — no clicks needed
- Detailed inspector panel: Click any element for a full breakdown of its typography
- WCAG contrast checker: Automatically calculates contrast ratios and shows
accessibility ratings
- Page font scanner: Scan the entire page to see every font in use, with
local/remote source labels
- Click to copy: Click any property value to copy it to your clipboard
- Export data: Export inspection results as JSON, plain text, or copy everything at
once
- Google Fonts search: Quick link to look up any detected font on Google Fonts
- Keyboard shortcut: Toggle the inspector with Cmd+Shift+F (Mac) or Ctrl+Shift+F
(Windows)

PERFECT FOR
- Designers who want to identify fonts on any website
- Developers checking CSS typography and accessibility compliance
- Content creators matching fonts across different sites
- Students learning about web typography and design systems

LIGHTWEIGHT & PRIVATE
- No data collection, no analytics, no external requests
- Works entirely in your browser
- Minimal permissions: only activates on the current tab when you use it
- Clean, minimal interface that stays out of your way