Typography tokens
Fonts are part of the visual identity of a product. Tailwind theme variables let you define named font families that can then be used through utility classes.
Loading fonts
The theme variable names the font family, but the browser still needs access to the font through a local font file, web font provider or system font stack. Define sensible fallbacks.
Performance
Only load font weights you actually use. Too many font files increase page weight and can delay text rendering.
ADVERTISEMENT