Fontara Widget - Font Picker & Typography Tool

Test and change fonts live on any website. Pick any element, change font, size, spacing and export the CSS.

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. Select any element: H1 through H4–6, Body, Button, Nav, and more; 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 to target headings, body text, nav, buttons, anything Font pairing with 35+ curated heading and body combinations, each with a style description My Fonts to save and reuse your favourite fonts across sessions Typography controls for size, weight, line height, letter spacing, word spacing, and text transform Variable font support to adjust stretch and style axes on supported fonts Details panel to fine-tune spacing, border, background, dimensions, and images per element Dark mode preview to toggle between light and dark contexts Contrast checker to verify WCAG AA, AA Large, and AAA compliance with real background detection Accessibility audit with WCAG 2.1 and EAA checks for font size, line height, letter spacing, and more Color blindness simulation to preview your design across Deuteranopia, Protanopia, Tritanopia, and Achromatopsia CSS selector override to target elements precisely with a custom selector per group Fonts on page to see all fonts currently loaded and apply them instantly Export your setup as CSS, Tailwind config, or JSON Undo and Redo with Ctrl+Z and Ctrl+Y 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.