Skip to content

Instantly share code, notes, and snippets.

@ibolmo
Created February 4, 2010 17:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save ibolmo/294906 to your computer and use it in GitHub Desktop.
Save ibolmo/294906 to your computer and use it in GitHub Desktop.
//
// From http://www.awayback.com/revised-font-stack/
//
// Each stack has the survey statistics and any additional notes in '[]'.
// Stacks are ordered in Window > cross-platform > Mac
//
// Serif Font Stacks
// Cambria (54.51% on Windows)
=cambria-stack()
font-family: Cambria, Georgia, serif
// Constantia (53.81% on Windows)
=constantia-stack()
font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif
// Goudy Old Style (51.30% on Windows)
=goudy-old-style-stack()
font-family: "Goudy Old Style", Garamond, "Big Caslon", "Times New Roman", serif
// Bodoni (47.89% on Windows)
=bodoni-stack()
font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif
// Palatino (79.71% on Mac, 98.04% on Windows)
=palatino-stack()
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
// Garamond (23.84% on Mac, 86.24% on Windows) [< Georgia, >= 14px]
=garamond-stack()
font-family: Garamond, Baskerville, "Baskerville Old Face", Hoefler Text", "Times New Roman", serif
// Lucida Bright (64.90% on Mac, 33.84% on Windows) Huge x-height
=lucida-bright-stack()
font-family: "Lucida Bright", Georgia, serif
// Baskerville (88.60% on Mac, 49.10% on Windows) [< Georgia, >= 14px, fake bold|italic]
=baskerville-stack()
font-family: Baskerville, "Baskerville old face", "Hoefler Text", Garamond, "Times New Roman", serif
// Hoefler Text (88.70% on Mac, 1.16% on Windows) [>= 14px]
=hoefler-text-stack()
font-family: "Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif
// Big Caslon (85.10% on Mac) [>= 14px, fake bold|italic]
=big-caslon-stack()
font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif
// Book Antiqua (86.09% on Mac)
=book-antiqua-stack()
font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif
// Didot (87.72% on Mac) [< Georgia, >= 14px]
=didot-stack()
font-family: Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif
// Sans-serif Font Stack
// Tahoma (99.30% on Windows) [em-like]
=tahoma-stack()
font-family: Tahoma, Geneva, Verdana, sans-serif
// Segoe (45.04% on Windows)
=segoe-stack()
font-family: Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif
// Calibri (54.76% on Windows)
=calibri-stack()
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif
// Candara (54.31% on Windows)
=candara-stack()
font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif
// Verdana (96.81% on Mac, 99.40% on Windows)
=verdana-stack()
font-family: Verdana, Geneva, sans-serif
// Trebuchet (94.20% on Mac, 99% on Windows)
=trebuchet-stack()
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif
// Lucida Grande (99.13% on Mac, 98.25% on Windows) [em-like]
=lucida-grande-stack()
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif
// Gill Sans (91.52% on Mac, 51.74% on Windows) [odd weight]
=gill-sans-stack()
font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif
// Optima (90.14% on Mac)
=optima-stack()
font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif
// Futura (91.01% on Mac) [em-like, odd weight]
=futura-stack()
font-family: Futura, "Trebuchet MS", Arial, sans-serif
// Helvetica Neue (94.74% on Mac) [avoid body, > 14px]
=helvetica-neue-stack()
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
// Franklin Gothic Medium (97.89% on Mac) [odd weight]
=franklin-gothic-medium-stack()
font-family: "Franklin Gothic Medium", Arial, sans-serif
// Geneva (98.84% on Mac) [fake bold|italic]
=geneva-stack()
font-family: Geneva, Tahoma, Verdana, sans-serif
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment