klenwell information services : CssFonts

Wiki source for CssFonts


Show raw source

=====CSS Favorite Font Families=====

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====
""<span style="font-family:Arial, Arial, Helvetica, sans-serif;">Arial, Helvetica, sans-serif</span><br />
<span style="font-family:'Trebuchet MS', Helvetica, sans-serif;">"Trebuchet MS", Helvetica, sans-serif</span><br />
<span style="font-family:Frutiger, Verdana, Geneva, sans-serif;">Frutiger, Verdana, Geneva, sans-serif</span><br />
<span style="font-family:'Century Gothic', Futura, Arial, Verdana, sans-serif;">"Century Gothic", Futura, Arial, Verdana, sans-serif;</span><br />
<span style="font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;">"Lucida Sans Unicode", "Lucida Grande", sans-serif</span><br />
<span style="font-family:Tahoma, Geneva, sans-serif;">Tahoma, Geneva, sans-serif</span><br />
<span style="font-family:Impact, Charcoal, sans-serif;">Impact, Charcoal, sans-serif</span><br />
<span style="font-family:Arial Black, Arial Black, Gadget, sans-serif;">"Arial Black", Gadget, sans-serif</span><br />
<span style="font-family:MS Sans Serif, Geneva, sans-serif;">"MS Sans Serif", Geneva, sans-serif</span>""

====serif====
""<span style="font-family:Palatino Linotype, Book Antiqua, Palatino, serif;">"Palatino Linotype", "Book Antiqua", Palatino, serif</span><br />
<span style="font-family:Garamond, Georgia, serif;">Garamond, Georgia, serif</span><br />
<span style="font-family:MS Serif, New York, serif;">"MS Serif", "New York", serif</span><br />
<span style="font-family:Times New Roman, Times, serif;">"Times New Roman", Times, serif</span>""

====monospace====
""<span style="font-family:Lucida Console, Monaco, monospace;">"Lucida Console", Monaco, monospace</span><br />
<span style="font-family:Courier New, Courier, monospace;">"Courier New", Courier, monospace</span>""

====cursive====
""<span style="font-family:Comic Sans MS, cursive;">"Comic Sans MS", cursive</span>""

This information was originally posted on [[http://phosphorusandlime.blogspot.com/2005/11/css-window-mac-font-families.html | my blog]]. I also included [[http://myspacecivilized.blogspot.com/2006/12/family-values-picking-your-myspace.html | a post]] on font-families referring to this list on [[http://myspacecivilized.blogspot.com/ | my moshi blog]].

----

CategoryCss