CSS Font Stack · Bagian 2

Tabel Konten
  1. Serif 
    1. Garamond (23.84% on Mac, 86.24% on Windows) 
    2. Lucida Bright (64.90% on Mac, 33.84% on Windows) Huge x-height 
    3. Palatino (79.71% on Mac, 98.04% on Windows) 
    4. Big Caslon (85.10% on Mac) 
    5. Didot (87.72% on Mac) 
    6. Baskerville (88.60% on Mac, 49.10% on Windows) 
    7. Hoefler Text (88.70% on Mac, 1.16% on Windows) 
    8. Bodoni (47.89% on Windows) 
    9. Goudy Old Style (51.30% on Windows) 
    10. Constantia (53.81% on Windows) 
    11. Cambria (54.51% on Windows) 
    12. Book Antiqua (86.09% on Mac) 
  2. Sans Serif 
    1. Optima (90.14% on Mac) 
    2. Futura (91.01% on Mac) 
    3. Gill Sans (91.52% on Mac, 51.74% on Windows) 
    4. Trebuchet (94.20% on Mac, 99% on Windows) 
    5. Helvetica Neue (94.74% on Mac) 
    6. Verdana (96.81% on Mac, 99.40% on Windows) 
    7. Lucida Grande (99.13% on Mac, 98.25% on Windows) 
    8. Geneva (98.84% on Mac) 
    9. Segoe (45.04% on Windows) 
    10. Candara (54.31% on Windows) 
    11. Calibri (54.76% on Windows) 
    12. Franklin Gothic Medium (97.89% on Windows) 
    13. Tahoma (99.30% on Windows) 
  3. Lainnya 
    1. Century Gothic 
    2. Copperplate Light 
    3. Imprint MT Shadow 
    4. Darlin BTN 
    5. Brush Script 
    6. Script MT Bold 

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;
}

3 Komentar

  • azewBz

    kalau`ngambil test nya di web dafont bisa ga mas?

    • Taufik Nurrohman

      Font ini hampir semuanya sudah ter-instal di komputer, jadi tidak perlu memikirkan font eksternal lagi.

  • Indokabar.com

    makasih pak

Komentar telah ditutup.