Website Design

Web Safe Font Options

There are many popular fonts available for use on a website, but important consideration often overlooked is the reality that your website can be displayed on many types and brands of devices each using different operating systems and browsers and other variables.  For this reason, for websites, it is recommended using “Web Safe Fonts” for your design.

This article Web Safe Font Stacks by Jennifer Kyrnin provides a list of fonts that meet this criteria.

After reviewing various articles, we’ve concluded these five web safe fonts are safe for both computers and mobile devices:

  • Arial
  • Georgia
  • Open Sans
  • Times Roman
  • Verdana

Serif and San Serif Font Options

San Serif font is a typeface that does not use serifs (the small lines at the ends of characters).

Font type is important for the readability of your copy and titles, and can set the tone of the website (playful, funky, all business, etc.).

Popular website friendly sans serif fonts include Open SansAvant GardeArial, Tahoma, Amasis, and Geneva.  San Serif font style is considered as presenting a more modern or contemporary tone.

Popular Serif fonts include Times RomanCourierNew Century Schoolbook, and Palatino.

In the early days of websites, it was usually recommended to use san serif fonts, but screen resolution has improved dramatically over the years such that it is safe to use san serif or serif options, allowing design choice and readability to dictate.

For more information on the readability of font selection read this article How Typography Determines Readability: Serif vs. Sans Serif, and How To Combine Fonts, by Harshita Arora.

Read here about the importance of fonts on influencing the tone and user experience on your website.