Kombinasi Font sering Digunakan
Properti font-keluarga harus terus beberapa nama font sebagai "fallback" sistem, untuk memastikan kompatibilitas maksimum antara browser / sistem operasi. Jika browser tidak mendukung font pertama, ia mencoba font berikutnya.
Mulailah dengan font yang Anda inginkan, dan diakhiri dengan sebuah keluarga generik, agar browser memilih font yang sama dalam keluarga generik, jika tidak ada font lain yang tersedia:
Berikut adalah beberapa kombinasi huruf yang umum digunakan, yang diselenggarakan oleh keluarga generik.
serif Font
| font-family | contoh teks |
|---|---|
| Georgia, serif | Ini adalah headingIni adalah sebuah paragraf |
| "Palatino Linotype", "Book Antiqua" , Palatino, serif | Ini adalah headingIni adalah sebuah paragraf |
| "Times New Roman", Times, serif | Ini adalah headingIni adalah sebuah paragraf |
Sans-Serif Font
| font-family | contoh teks |
|---|---|
| Arial, Helvetica, sans-serif | Ini adalah headingIni adalah sebuah paragraf |
| "Arial Black", Gadget, sans-serif | Ini adalah headingIni adalah sebuah paragraf |
| "Comic Sans MS", cursive, sans-serif | Ini adalah headingIni adalah sebuah paragraf |
| Impact, Charcoal, sans-serif | Ini adalah headingIni adalah sebuah paragraf |
| "Lucida Sans Unicode", "Lucida Grande" , sans-serif | Ini adalah headingIni adalah sebuah paragraf |
| Tahoma, Geneva, sans-serif | Ini adalah headingIni adalah sebuah paragraf |
| "Trebuchet MS", Helvetica, sans-serif | Ini adalah headingIni adalah sebuah paragraf |
| Verdana, Geneva, sans-serif | Ini adalah headingIni adalah sebuah paragraf |
monospace Font
| font-family | contoh teks |
|---|---|
| "Courier New", Courier, monospace | Ini adalah headingIni adalah sebuah paragraf |
| "Lucida Console", Monaco, monospace | Ini adalah headingIni adalah sebuah paragraf |