Typescale

TypographyAdded 2026-03-15

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.

Visit Typescale

typescale.com

More Typography Resources

New

Baseline Type Scale

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

Added Mar 2026

Font Gauntlet by Dinamo: Test Variable Fonts Instantly

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.

Added Jan 2025

Font Squirrel

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.