Font-Family Recommendations
6 hours ago
- #web-development
- #css
- #font-family
- Never assume named or web fonts will work; use generic families like sans-serif or serif for reliable fallbacks, and include monospace with caution due to historical sizing quirks.
- Avoid enumerating multiple installed fonts; simplify font stacks to generic families, and consider using only generic families like monospace for better performance and user preference.
- Use only a single named, non-web font in exceptional cases, such as when specific stylistic needs justify it, like Georgia for its wider character.
- Strongly consider using only generic families; web fonts can cause loading issues and performance problems, while generic fonts respect user choices and improve reliability.
- Do not use system-ui or ui-* families for content; they are designed for UI text, not longform content, and can lead to poor language support and readability issues.