Skip to content

Instantly share code, notes, and snippets.

@dwabnitz
Forked from jonbuda/revised-font-stack.css
Created August 2, 2010 20:40
Show Gist options
  • Save dwabnitz/505275 to your computer and use it in GitHub Desktop.
Save dwabnitz/505275 to your computer and use it in GitHub Desktop.
A Revised Web Font Stack Selection
/*
A Revised Font Stack
from A Way Back
http://www.awayback.com/revised-font-stack/
*/
/*
Serif font-stack
*/
/*GARAMOND(23.84% on Mac, 86.24% on Windows)*/
.garamond {
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 {
font-family: "Lucida Bright", Georgia, serif;
}
/*PALATINO(79.71% on Mac, 98.04% on Windows)*/
.palatino {
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
/*BIG CASLON(85.10% on Mac)*/
.big_caslon {
font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
}
/*DIDOT(87.72% on Mac)*/
.didot {
font-family: Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
}
/*BASKERVILLE(88.60% on Mac, 49.10% on Windows)*/
.baskerville {
font-family: Baskerville, "Baskerville old face", "Hoefler Text", Garamond, "Times New Roman", serif;
}
/*HOEFLER TEXT(88.70% on Mac, 1.16% on Windows)*/
.hoefler_text {
font-family: "Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif;
}
/*BODONI(47.89% on Windows)*/
.bodoni_mt {
font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
}
/*GOUDY OLD STYLE(51.30% on Windows)*/
.goudy_old_style {
font-family: "Goudy Old Style", Garamond, "Big Caslon", "Times New Roman", serif;
}
/*CONSTANTIA(53.81% on Windows)*/
.constantia {
font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
}
/*CAMBRIA(54.51% on Windows)*/
.cambria {
font-family: Cambria, Georgia, serif;
}
/*BOOK ANTIQUA(86.09% on Mac)*/
.book_antiqua {
font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
}
/*
Sans-Serif font-stack
*/
/*OPTIMA(90.14% on Mac)*/
.optima {
font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
}
/*FUTURA(91.01% on Mac)*/
.futura {
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
}
/*GILL SANS(91.52% on Mac, 51.74% on Windows)*/
.gill_sans {
font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}
/*TREBUCHET(94.20% on Mac, 99% on Windows)*/
.trebuchet {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}
/*HELVETICA NEUE(94.74% on Mac)*/
.helvetica {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*VERDANA(96.81% on Mac, 99.40% on Windows)*/
.verdana {
font-family: Verdana, Geneva, sans-serif;
}
/*LUCIDA GRANDE(99.13% on Mac, 98.25% on Windows)*/
.lucida_grande {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}
/*GENEVA(98.84% on Mac)*/
.geneva {
font-family: Geneva, Tahoma, Verdana, sans-serif;
}
/*SEGOE(45.04% on Windows)*/
.segoe {
font-family: Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
/*CANDARA(54.31% on Windows)*/
.candara {
font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}
/*CALIBRI(54.76% on Windows)*/
.calibri {
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}
/*FRANKLIN GOTHIC MEDIUM(97.89% on Mac)*/
.franklin_gothic {
font-family: "Franklin Gothic Medium", Arial, sans-serif;
}
/*TAHOMA(99.30% on Windows)*/
.tahoma {
font-family: Tahoma, Geneva, Verdana, sans-serif;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment