Command Palette
Search for a command to run...
Typography
(19) resourcestagged resources
Typography Resources
At Magmæ
newIndustrial type family with 18 styles, matching italics, Latin Extended coverage, 598 glyphs per style, and variable desktop and web formats. Includes alternates, symbols, arrows, and OpenType features.

ATOM
newBrowser-based kinetic type and motion tool for variable fonts, particles, 3D text, and layered compositions. Export finished work as MP4, WebM, GIF, or PNG sequences without installing software.

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.

CcTimeline
Multi-axis variable typeface from CcType with weight and contrast controls, 22 styles, and extensive OpenType alternates. Trial files support mockups; full licensing covers final work.

Counterpunch
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.

Fontalog
Searchable database of more than 3.5 million fonts indexed by weight, contrast, proportion, and x-height. Useful for finding visually similar typefaces across foundries without relying on category labels.

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

Fonts Ninja
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.

Fontshare
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.

Friends of Type
Friends of Type is a collaborative typographic project showcasing original letterforms, type experiments, and lettering art. It celebrates type as an expressive art form beyond functional communication — pure inspiration for typography enthusiasts.

Geist Serif
newHigh-contrast display serif designed to pair metrically with Geist Sans, Mono, and Pixel. The first release includes 894 glyphs, four dot-shape variants, and coverage for 352 Latin-script languages.

Ideogram AI: Text-Integrated Graphics
Ideogram excels at generating images with accurate text integration, making it invaluable for designers creating logos, signage, and text-heavy graphics. Its superior text rendering capabilities rival DALL-E for readability while offering more stylistic flexibility for branding and identity design projects.

Text Supply: Premium Framer Text Effects
Text Supply offers premium animated text effect components for Framer — typewriter effects, gradient text, scroll-reveal text, and more. Add polished typographic animations to your Framer sites without writing custom code.

Typescale
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.

Typewolf
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.
Typical
newChromium extension that identifies the rendered font on a webpage, then reads the font file for its canonical name, foundry, variable axes, features, licensing, and other metadata.

Typography: Ultimate Design System Breakdown
A detailed video breakdown of how to build a typography system within your design system — covering type scales, responsive sizing, line heights, font pairing, and token naming conventions. Practical walkthrough with real implementation examples.

UNCUT.wtf
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.

Wordmark.it
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.
