Fontara

About

Fontara is a lightweight typography widget for designers and developers.
  Install it once and test fonts directly on any website you're working on
  — your real layout, your real content, no screenshots or mockups needed.

  HOW IT WORKS
  ───────────────────────────────
  Click the extension icon to inject the Fontara panel onto the current page.
  From there, click any element on the page to select it, then browse and
  apply fonts in real time. The page updates instantly as you scroll through
  the list.

  FEATURES
  ───────────────────────────────
  • 300+ Google Fonts — search and apply any font instantly, no reload
  • Click any element — target headings, body text, nav, buttons, anything
  • Typography controls — size, weight, line height, letter spacing, and more
  • 35+ curated font pairings — professional heading + body combinations
  • Variable font support — adjust stretch and style axes on supported fonts
  • Dark mode preview — toggle between light and dark to test both contexts
  • Contrast checker — verify WCAG AA/AAA compliance
  • Export — copy your setup as CSS, Tailwind config, or JSON
  • Undo / Redo — step back through your changes with Ctrl+Z / Ctrl+Y
  • Keyboard shortcuts — full keyboard navigation for power users

  COMPLETELY FREE
  ───────────────────────────────
  No account. No login. No data collected. Just open any tab and start
  testing fonts immediately.

  WORKS EVERYWHERE
  ───────────────────────────────
  Fontara works on any website you can open in Chrome — localhost, staging
  environments, live production sites, ngrok tunnels, everything. It's the
  fastest way to know if a font actually works in your real design before
  you commit to it.