Fontara

Test and tweak fonts on any website

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.