Fontara.

Fontara is a browser-based typography lab. Pick a heading font and a body font from 175+ Google Fonts, set the typographic scale, adjust spacing and weight, and see the result rendered live inside 7 real-world layout contexts: a startup landing page, a portfolio, a restaurant site, an editorial article, an e-commerce product page, a SaaS dashboard, and a pure type specimen sheet. Every control updates the preview instantly — no page reloads, no compile steps, no signup.

The entire application state — fonts, weights, scale ratios, spacing, layout, viewport — is encoded into the URL hash. Copy the link and the exact configuration restores on any device. Fonts load on demand via dynamic link injection from Google Fonts, so only the fonts you are actually viewing hit the network.

Two modes extend the core workflow. Compare splits the canvas into two fully independent panels — each with its own font pairing — so you can evaluate two combinations on the same layout at the same time. The Export modal generates a production-ready CSS snippet with the Google Fonts @import and all typographic variables defined as CSS custom properties.

Choosing font pairings is one of the most frustrating parts of early design work. You find a heading font you like, open Google Fonts in another tab, load a candidate body font, paste some text into a doc, and try to imagine how it will feel on a real page. The feedback loop is broken — too many steps between idea and result.

Fontara collapses that loop. It loads any Google Font in milliseconds, renders it inside actual layout contexts — not Lorem Ipsum on a white page — and lets you see how the pairing behaves at real scale: tight headings, long-form body copy, captions, labels. The curated pairing suggestions reduce the search space further: pick a heading font and the body picker surfaces fonts that are known to pair well with it based on actual design conventions.

The shareable URL was a deliberate product choice. A typography pairing is only useful if you can share it — with a collaborator, a client, or future you. Encoding all state into a compact base64 hash means no database, no accounts, no server-side logic. Just a link that works.