Font-Family Recommendations
25 days ago
- Named fonts are not reliable due to loading issues, security blocks, or user preferences, so generic font families like sans-serif or serif are safer. Web fonts can fail to load, and remote fonts can be blocked by tools like uBlock Origin.
- Enumerating multiple system fonts is often unnecessary and can be worse than using a single generic family like monospace. Generic families will resolve to a suitable font, and lengthy font stacks like 'Menlo, Monaco, ...' are redundant and should be avoided.
- Using only generic font families, such as monospace, is recommended over web fonts to avoid performance and loading issues. For monospace, use 'monospace, monospace' to prevent font-size quirks, and avoid system-ui or ui-* families for content as they are designed for UI, not longform text.