Web Font Mania - for Better or Worse
summary
Covers practical guidance for using web fonts: prefer woff/woff2 and variable fonts to avoid multiple files, reuse a small set of weights (about four for body text) and subset glyphs per language. Describes implementation options (self‑host or CDN), use preload plus font-display or WebFontObserver to prevent FOIT/FOUC, and stresses checking licenses and measuring render‑blocking and payload to keep performance acceptable.
AI-written summary · about
chapters (8)
- 0:00Web font intro
- 3:21Web font history
- 9:06Choosing fonts
- 13:49Licenses and formats
- 16:45Implementation
- 21:06FOIT and FOUT issues
- 25:21Tips
- 29:17Optimization
