Listed below are CSS font-family settings made up of common typefaces (fonts) found on Windows and Mac systems. They are listed by class (serif, sans-serif, monospace) in order of my preference as they would appear on your browser. As a web designer, I've found this to be one of my most valuable and most often referred-to refererences. I've moved it over here for easier updating.

sans-serif

Arial, Helvetica, sans-serif
"Trebuchet MS", Helvetica, sans-serif
Frutiger, Verdana, Geneva, sans-serif
"Century Gothic", Futura, Arial, Verdana, sans-serif;
"Lucida Sans Unicode", "Lucida Grande", sans-serif
Tahoma, Geneva, sans-serif
Impact, Charcoal, sans-serif
"Arial Black", Gadget, sans-serif
"MS Sans Serif", Geneva, sans-serif

serif

"Palatino Linotype", "Book Antiqua", Palatino, serif
Garamond, Georgia, serif
"MS Serif", "New York", serif
"Times New Roman", Times, serif

monospace

"Lucida Console", Monaco, monospace
"Courier New", Courier, monospace

cursive

"Comic Sans MS", cursive

This information was originally posted on my blog∞. I also included a post∞ on font-families referring to this list on my moshi blog∞.

---

CategoryCss