Drupal Style

Web safe fonts resource

Nov 13, 2008

Designing a website for cross-browser compatibility can be a pain at times, especially when it comes to font choices. Unusual or rare typefaces generally won't render correctly on the majority of computers, so designers and developers tend to use the same 4 or 5 fonts for the majority of their work.

Here, we will present a list of popular cross-browser web safe fonts, including some that are not as frequently used.

Please let us know if we have missed anything by posting in the "Comments" section and check back often as we constantly add new fonts.

*Percentages show the number of computers per platform with the font installed, as of 2008.

Palatino

Windows: 97.09% / Mac: 78.86%

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Tahoma

Windows: 96.09% / Mac: 72.02%

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Impact

Windows: 95.85% / Mac: 88.08%

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Verdana

Windows: 97.41% / Mac: 94.02%

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Arial

Windows: 96.97% / Mac: 96.41%

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Trebuchet

Windows: 95.79% / Mac: 92.38%

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Courier New

Windows: 96.79% / Mac: 92.08%

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Georgia

Windows: 93.57% / Mac: 92.62%

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Century Gothic

Windows: 85.44% / Mac: 42.50% (installed on most new Macs)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Times New Roman

Windows: 87.32% / Mac: 90.28%

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas mauris. Nulla facilisi. Curabitur non magna id libero blandit luctus. Duis ac metus non erat congue ultrices.



Categories:

Comments