2.11 Use optimized web typography
Use font strategies that minimize downloads and complexity while supporting required languages and dynamic content.
Success Criteria
- Pre-installed typefaces:
Use system fonts or other pre-installed fonts to reduce font downloads and improve performance. - Web font optimization:
Limit the number and complexity of downloaded fonts. When using variable fonts, restrict supported axes and ranges to only those required by the project to reduce file size. Use the most performant font formats available and provide suitable fallback fonts to maintain readability and performance during font loading or when custom fonts cannot be loaded. - Web font subsetting:
Remove unused font styles, weights, and character sets. Subset fonts based on explicitly supported languages, scripts, and Unicode ranges required by the project. Where you have full control over all input and output, subset fonts to include only the relevant Unicode ranges or character sets. In cases involving dynamic content or user-generated input, provide broader script coverage and use Incremental Font Transfer (IFT) to load required font segments on demand.