CSS Font Stack · Bagian 2

Serif

Garamond (23.84% on Mac, 86.24% on Windows)

#foo {
  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

#foo {
  font-family: "Lucida Bright", Georgia, serif;
}

Palatino (79.71% on Mac, 98.04% on Windows)

#foo {
  font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}

Big Caslon (85.10% on Mac)

#foo {
  font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
}

Didot (87.72% on Mac)

#foo {
  font-family: Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
}

Baskerville (88.60% on Mac, 49.10% on Windows)

#foo {
  font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
}

Hoefler Text (88.70% on Mac, 1.16% on Windows)

#foo {
  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}

Bodoni (47.89% on Windows)

#foo {
  font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
}

Goudy Old Style (51.30% on Windows)

#foo {
  font-family: "Goudy Old Style", Garamond, "Big Caslon", "Times New Roman", serif;
}

Constantia (53.81% on Windows)

#foo {
  font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
}

Cambria (54.51% on Windows)

#foo {
  font-family: Cambria, Georgia, serif;
}

Book Antiqua (86.09% on Mac)

#foo {
  font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
}

Sans Serif

Optima (90.14% on Mac)

#foo {
  font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
}

Futura (91.01% on Mac)

#foo {
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
}

Gill Sans (91.52% on Mac, 51.74% on Windows)

#foo {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

Trebuchet (94.20% on Mac, 99% on Windows)

#foo {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

Helvetica Neue (94.74% on Mac)

#foo {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

Verdana (96.81% on Mac, 99.40% on Windows)

#foo {
  font-family: Verdana, Geneva, sans-serif;
}

Lucida Grande (99.13% on Mac, 98.25% on Windows)

#foo {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

Geneva (98.84% on Mac)

#foo {
  font-family: Geneva, Tahoma, Verdana, sans-serif;
}

Segoe (45.04% on Windows)

#foo {
  font-family: Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

Candara (54.31% on Windows)

#foo {
  font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

Calibri (54.76% on Windows)

#foo {
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

Franklin Gothic Medium (97.89% on Windows)

#foo {
  font-family: "Franklin Gothic Medium", Arial, sans-serif;
}

Tahoma (99.30% on Windows)

#foo {
  font-family: Tahoma, Geneva, Verdana, sans-serif;
}

---

Referensi: A Way Back - Revised Font Stack

Lainnya

Century Gothic

#foo {
  font-family: "Century Gothic", "Apple Gothic", "Trebuchet MS", Geneva, Arial, sans-serif;
}

Copperplate Light

#foo {
  font-family: "Copperplate Light", "Copperplate Gothic Light", serif;
}

Imprint MT Shadow

#foo {
  font-family: "Imprint MT Shadow", "Academy Engraved LET", "Colonna MT", "Modern No. 20", "Bodoni MT", Didot, "Didot LT STD", Georgia, serif;
}

Darlin BTN

#foo {
  font-family: "Darlin BTN", "Apple Casual", "Comic Sans", "Comic Sans MS", serif;
}

Brush Script

#foo {
  font-family: "Brush Script", "Brush Script MT", "Comic Sans", "Comic Sans MS", serif;
}

Script MT Bold

#foo {
  font-family: "Script MT Bold", "Brush Script", "Brush Script MT", "Comic Sans", "Comic Sans MS", serif;
}