Typography
Type scale and font families. Fonts change with the active theme.
Font Families
--font-display
The quick brown fox jumps over the lazy dog
Display — headlines, hero text, large display type.
--font-reading
The quick brown fox jumps over the lazy dog
Reading — long-form content, articles, descriptions.
--font-interface
The quick brown fox jumps over the lazy dog
Interface — UI chrome, labels, navigation.
--font-mono
The quick brown fox jumps over the lazy dog
Mono — code, tabular data, numeric displays.
Type Scale
4xl (2.25rem)Design System
3xl (1.875rem)Design System
2xl (1.5rem)Design System
xl (1.25rem)Design System
lg (1.125rem)Design System
base (1rem)Design System
sm (0.875rem)Design System
xs (0.75rem)Design System
Font Weights
normal (400)Design System
medium (500)Design System
semibold (600)Design System
bold (700)Design System