Typography⁽¹⁸⁾

Automatic CSS and Tailwind code generator for modular typographic scales. Visual preview with customizable ratios and base sizes — outputs production-ready code in seconds.

Browser-based variable font editor with real-time complex-script shaping, outline tools, Python scripting, and local font data. Built for designing and testing multilingual type systems.

Font Gauntlet by Dinamo—proof, generate, and animate variable fonts in your browser. Free tool for designers to test typography before you buy. Try now.

Font Squirrel curates free, commercially-licensed fonts that are safe to use in any project. Its Webfont Generator is a go-to tool for converting fonts to web-optimized formats, and the font identifier helps you match fonts from images.

AI-powered font pairing generator that creates harmonious combinations for web typography using deep learning. Lock fonts you like and generate complementary pairings instantly.

Browser extension that identifies fonts on any website — name, size, line height, color — with AI pairing suggestions and variable font discovery. Essential for reverse-engineering great typography.

High-quality free fonts from Indian Type Foundry — professional-grade typefaces with no license restrictions, optimized for web use. Consistently one of the best sources for free fonts that don't look free.

Google Fonts is the largest free, open-source font library with 1,500+ families optimized for web performance. The API serves fonts via global CDN, and the directory helps you browse, pair, and test fonts with live previews before adding them to your project.

ABC Dinamo is a Swiss type foundry creating innovative, expressive typefaces that push typographic boundaries. Their catalog features variable fonts, kinetic type, and experimental designs that give projects a distinctive, contemporary voice.

RightFont is a lightweight font manager for Mac that lets you preview, organize, and activate fonts from a clean, intuitive interface. It integrates with Figma, Sketch, and Adobe apps so you can browse your entire font collection without leaving your design tool.

Typeface is a beautiful font manager for Mac that organizes your collection with visual previews, smart tags, and instant search. Its grid-based browsing experience makes it a joy to explore fonts, and it integrates with Adobe and Sketch for seamless activation.

Typekit was Adobe's font service, now integrated into Adobe Fonts. It pioneered web font delivery and brought premium foundry fonts to designers through Creative Cloud subscriptions. The technology continues to power font syncing and web hosting within Adobe Fonts.

Free tool and Figma/XD/Penpot plugin that generates balanced typography systems using mathematical ratios. Creates consistent hierarchies for web and UI design — input your base size and get a full scale with CSS ready to copy.

Curated site featuring font pairing lookbooks, top 10 lists by category, and 'fonts in the wild' examples from 3,000+ real websites. The best resource for seeing how professional designers use type in the real world.

Curated collection of contemporary open-source typefaces from independent designers, organized by style (Sans, Serif, Mono, Display) with instant downloads and pangram previews. A hidden gem for finding quality type outside the Google Fonts mainstream.

Adobe Fonts (formerly Typekit) gives Creative Cloud subscribers access to 25,000+ high-quality fonts from world-class foundries — all included in the subscription. Fonts sync automatically across desktop and web, with no extra licensing needed for commercial use.

Free Faces is a curated gallery of the best free typefaces available — each vetted for quality and presented with elegant specimens. It cuts through the noise of font aggregators to surface genuinely well-designed free fonts for serious design work.

Compares your installed fonts and Google Fonts in a grid with your own text, allowing tracking adjustments and quick exports. Faster than previewing fonts one at a time in any design tool.