Contoh
Tentukan font untuk sebuah paragraf:
p
{
font-family: "Times New Roman", Georgia, Serif;
}
Cobalah sendiri " Definisi dan Penggunaan
Properti font-family menentukan font untuk elemen.
Properti font-family dapat menampung beberapa nama font sebagai "fallback" sistem. Jika browser tidak mendukung font pertama, ia mencoba font berikutnya.
Ada dua jenis nama keluarga font:
- family-name - Nama font-family, seperti "times" , "courier" , "arial" , dll
- generic-family - Nama generik-keluarga, seperti "serif" , "sans-serif" , "cursive" , "fantasy" , "monospace" .
Mulailah dengan font yang Anda inginkan, dan selalu berakhir dengan keluarga generik, agar browser memilih font yang sama dalam keluarga generik, jika tidak ada font lain yang tersedia.
Note: Pisahkan setiap nilai dengan koma.
Note: Jika nama font yang mengandung white-space, harus dikutip. Tanda kutip tunggal harus digunakan ketika menggunakan "style" atribut dalam HTML.
| nilai default: | depends on the browser |
|---|---|
| mewarisi: | yes |
| animatable: | no. Read about animatable |
| Versi: | CSS1 |
| sintaks JavaScript: | object .style.fontFamily="Verdana,sans-serif" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Syntax
font-family:font|initial|inherit;Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| family-name generic-family | Sebuah daftar prioritas dari nama font keluarga dan / atau nama keluarga generik | Mainkan " |
| initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Pages terkait
CSS tutorial: CSS Font
Referensi CSS: font property
Referensi HTML DOM: fontFamily property