advanced code snippet search

We Recommend

CSS: The Definitive Guide CSS: The Definitive Guide
Provides you with a comprehensive guide to CSS implementation, along with a thorough review of all aspects of CSS 2.1. Updated to cover Internet Explorer 7, Microsoft's vastly improved browser, this new edition includes content on positioning, text wrapping (nowrap), lists and generated content, table layout, user interface, paged media, and more.

Posted By

chippper on 01/07/09


Tagged

css type font typography fonts stacks


Versions (?)


Who likes this?

35 people have marked this snippet as a favorite

l1r
kcmr
chippper
jfherring
brent-man
rickfu
Scooter
basicmagic
ozayo
wizard04
troynt
thinkcirca
snipplrhanz
webology
adamsimms
tmbrenneke
broinjc
carriegates
dobata
messup000
keith
intrafusion
toxin20
isocele
breezemaster
Pixxell
loric
jitendraweb
sultano
thatryan
ckayra
shapeshifta
davidsi
tikitakfire
nerdfiles


8 Font Stacks

Published in: CSS 

URL: http://www.sitepoint.com/article/eight-definitive-font-stacks/

From Michael Tuck's article

Embed | Plain TextExpand 
  1. /****************
  2.  * From the article "8 Definitive Web Font Stacks"
  3.  * by Michael Tuck
  4.  * http://www.sitepoint.com/article/eight-definitive-font-stacks
  5.  * Copyright SitePoint 2008
  6.  */
  7.  
  8. /* Times New Roman-based stack */
  9. font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  10.  
  11. /* Modern Georgia-based serif stack */
  12. font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  13.  
  14. /* Traditional Garamond-based serif stack */
  15. font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
  16.  
  17. /* Helvetica/Arial-based sans serif stack */
  18. font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
  19.  
  20. /* Verdana-based sans serif stack */
  21. font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
  22.  
  23. /* Trebuchet-based sans serif stack */
  24. font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
  25.  
  26. /* Impact-based sans serif stack */
  27. font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif;
  28.  
  29. /* Monospace stack */
  30. font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;

Report this snippet 

You need to login to post a comment.