Web Safe Fonts – CSS


title: Web Safe Fonts

Web Safe Fonts

Web safe fonts are fonts that are included and pre-installed in most operating systems, the implication of such high availability is that a designer can expect typography involving web safe fonts to appear exactly as intended to most users. Web safe fonts help ensure a consistent experience for the diverse audience of users that visit a site. Below are non-exhaustive lists of some fonts that are considered web safe at the time of writing, categorized by CSS generic font families.

Web safe serif fonts:

  • Georgia
  • Times New Roman

Web safe sans-serif fonts:

  • Arial
  • Tahoma
  • Trebuchet MS
  • Verdana
  • Helvetica

Web safe monospaced fonts:

  • Courier New

It is worth noting that font stacks with fallback options including a generic font family should still be used even if your design uses only web safe fonts. For example:

p { font-family: Tahoma, Arial, sans-serif; }

A Note on Web Fonts

Just because some fonts are safer than others does not mean you should confine your designs to using only web safe fonts. Modern designs with CSS can also take advantage of web fonts to ensure consistent typography across operating systems.

More Information:

This article needs improvement. You can help improve this article. You can also write similar articles and help the community.