|
|
Skip to typography generator
Tools

Typography Generator

Every type.
Every scale.

Design systems
Local font preview

Your tokens

Typography tokens

13 styles

Tailwind CSS

13
text-xs12 / 16 px · 400 · 0 px
The quick brown fox jumps over the lazy dog.
Mulish
text-sm14 / 20 px · 400 · 0 px
The quick brown fox jumps over the lazy dog.
Mulish
text-base16 / 24 px · 400 · 0 px
The quick brown fox jumps over the lazy dog.
Mulish
text-lg18 / 28 px · 400 · 0 px
The quick brown fox jumps over the lazy dog.
Mulish
text-xl20 / 28 px · 400 · 0 px
The quick brown fox jumps over the lazy dog.
Mulish
text-2xl24 / 32 px · 400 · 0 px
The quick brown fox jumps over the lazy dog.
Mulish
text-3xl30 / 36 px · 400 · 0 px
The quick brown fox jumps over the lazy dog.
Mulish
text-4xl36 / 40 px · 400 · 0 px
The quick brown fox jumps over the lazy dog.
Mulish
text-5xl48 / 48 px · 400 · 0 px
The quick brown fox jumps over the lazy dog.
Mulish
text-6xl60 / 60 px · 400 · 0 px
The quick brown fox jumps over the lazy dog.
Mulish
text-7xl72 / 72 px · 400 · 0 px
The quick brown fox jumps over the lazy dog.
MulishPreview capped at 68 px
text-8xl96 / 96 px · 400 · 0 px
The quick brown fox jumps over the lazy dog.
MulishPreview capped at 68 px
text-9xl128 / 128 px · 400 · 0 px
The quick brown fox jumps over the lazy dog.
MulishPreview capped at 68 px
Made with ♥