Loading feed…
Lobsters0 Hot0 comments7 min read
font-family recommendations — Chris Morgan
A set of opinionated recommendations on CSS font-family usage. Key points: never assume a named font will load (web fonts can fail, be blocked, or be disabled by users); always include the monospace generic family when you need monospaced text; stop listing system fonts like Arial or Roboto since the generic fallback is just as good or better; strongly consider using only a generic family and skipping web fonts entirely; write 'monospace, monospace' to avoid a browser quirk that shrinks monospace font size to ~81%; and avoid system-ui or ui-* families for content text since they're designed for UI elements, have poor language coverage on non-Apple platforms, and have been widely abused as a workaround for poor browser defaults.
Source: https://chrismorgan.info/font-family. 8 Sync News only summarizes and links out; content copyright belongs to the authors and original sources.
