Webfont performance without broken typography
Deliver licensed webfonts with WOFF2, intentional subsetting, stable fallbacks, and loading rules that protect both speed and readability.
Reviewed
Start with permission and the smallest necessary family
Confirm that the license permits web embedding and subsetting. Serve WOFF2 where supported and include only styles and weights actually used. A single variable font can reduce requests when many axes are needed, but it may be larger than two carefully chosen static faces. Measure transferred bytes and rendered results instead of choosing by format name alone.
Subset from real content requirements
Remove unused glyphs only when the license permits it and your supported languages are known. Preserve shaping features, combining marks, punctuation, symbols, and language-system records required by those languages. Split subsets by Unicode range only when the browser can choose them reliably; excessive fragments add requests and maintenance risk.
Make loading predictable
Preload only the critical font file, use correct CORS and cache headers, and choose font-display deliberately. Define a robust fallback stack and use size-adjust or related metric overrides when they reduce layout shift. Test cold-cache mobile loading, blocked-font behavior, bold and italic synthesis, and rendering in your supported browsers.