Who this applies to#
- Use a web font when brand typography adds value and a tested fallback preserves the message when the resource is unavailable
What Web font requires#
- Declare the downloadable font and a fallback stack, and account for load failure or unsupported handling
CSS
The @font-face rule describes downloadable font resources for use by CSS
What this does not require#
- Brand typography does not require a web font when a system font communicates the message clearly
Common mistakes#
- Omitting fallbacks
- Ignoring changed line breaks
- Assuming the font will always download
Web font checklist#
- Confirm the license
- Define fallbacks
- Check load failure
- Test priority clients