Web font performance
Loading strategies that keep pages fast and stable.
Web font performance.
Key points
- Use
font-display: swapto avoid invisible text - Preload only the primary font files you need
- Subset fonts and limit weights
- Measure CLS and LCP after changes
Quick checklist
- Keep roles clear: headings vs body
- Start with 2 weights
- Test at small sizes