Font loading strategies
Preload, preconnect, and fallback patterns that work.
Font loading strategies.
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