Hasty Briefsbeta

Bilingual

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.