Quick Font Finder

About

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