Who this applies to#
- Use a broadly available font in the stack when text must remain readable without a downloadable font
What Web-safe font requires#
- Define a fallback sequence that ends with an appropriate generic font family
CSS
A font-family list lets the user agent try faces in order before falling back to a generic family
What this does not require#
- A web-safe choice does not guarantee identical metrics or appearance on every operating system
Common mistakes#
- Providing one unavailable font with no fallback
- Choosing a fallback with very different proportions
- Turning text into images to lock typography
Web-safe font checklist#
- Choose the primary face
- Add practical fallbacks
- End with a generic family
- Check line wrapping