336

The Ultimate Web Safe Font List Reference

typetester

If you’re like me, you frequently need a quick reference for finding the right web-safe font for a website. I’ve compiled a list that outlines the various fonts that Windows ships with, along with the Mac equivalent (or just very similar). Special thanks to ampsoft.net.

A great tool to compare web font settings is TypeTester.org. It shows three different font settings next to each other with all the potential styles included.

I’ve added tags to each font that denotes which fonts come standard with each OS.

Legend:
Windows
Mac
Both

Arial, Helvetica

  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.

Arial Black, Gadget

  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.

Comic Sans MS

  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.

Courier New, Courier

  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.

Georgia

  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.

Impact, Charcoal

  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.

Lucida Console, Monaco

  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.

Lucida Sans Unicode, Lucida Grande

  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.

Palatino Linotype, Book Antiqua, Palatino

  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.

Tahoma, Geneva

  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.

Times New Roman, Times

  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.

Trebuchet MS, Helvetica

  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.

Verdana, Geneva

  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.

MS Sans Serif, Geneva

  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.

MS Serif, New York

  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
  • The quick brown fox jumps over the lazy dog.
Posted by
Posted in Tips & Tutorials
4:14 pm
5 notes
Comments have been disabled for this post.
Sort: Newest | Oldest
SGD

Great post. One correction: Verdana is available for the Mac as well as Windows. :)

share
  • spam
  • offensive
  • disagree
  • off topic
 Like
Chris

Fair enough! You macheads :)

share
  • spam
  • offensive
  • disagree
  • off topic
 Like
Agitationis

Thanks for the reference. Here's a short assessment of the current state of typography on the web, and the the various attempts to get away from the basic web-based fonts:
http://agitationist.com/web-safe-fonts-the-beginni...

share
  • spam
  • offensive
  • disagree
  • off topic
 Like
insicdesigns

wow! this one is very useful. thanks for the post.

share
  • spam
  • offensive
  • disagree
  • off topic
 Like