Atribut font-family CSS
- Halaman sebelumnya @font-face
- Halaman berikutnya font-feature-settings
Definisi dan penggunaan
font-family menentukan keluarga font elemen.
font-family dapat menyimpan beberapa nama font sebagai sistem "back-up". Jika browser tidak mendukung font pertama, maka akan mencoba font berikutnya. Artinya, nilai atribut font-family adalah daftar prioritas untuk nama keluarga font atau/atau nama keluarga kelas yang digunakan untuk suatu elemen. Browser akan menggunakan nilai yang dapat dia瑛ernyai pertama.
Ada dua jenis nama keluarga font:
- Nama keluarga yang ditentukan: nama spesifik font, seperti: "times", "courier", "arial"
- Nama keluarga font biasanya: seperti: "serif", "sans-serif", "cursive", "fantasy", "monospace"
Petunjuk:Pisahkan setiap nilai dengan tanda koma, dan selalu berikan nama keluarga kelas sebagai pilihan terakhir.
Perhatian:Menggunakan keluarga font tertentu (Geneva) sepenuhnya tergantung dari apakah keluarga font ini tersedia di mesin pengguna; atribut ini tidak memberikan petunjuk tentang pengunduhan font. Oleh karena itu, disarankan untuk menggunakan nama keluarga font umum sebagai alternatif.
Lihat pula:
Panduan tutorial CSS:Font CSS
Panduan referensi CSS:Atribut font CSS
Panduan referensi HTML DOM:Atribut font
Sintaksu CSS
font-family: family-name|generic-family|initial|inherit;
Nilai atribut
Nilai | Deskripsi |
---|---|
|
Daftar prioritas untuk nama keluarga font atau/atau nama keluarga kelas yang digunakan untuk suatu elemen. Nilai default: tergantung dari browser. |
inherit | Ditetapkan bahwa urutan serupa harus diwariskan dari elemen induk. |
Detil teknis
Nilai default: | tidak disebutkan |
---|---|
Inheritsi: | ya |
Versi: | CSS1 |
Sintaksu JavaScript: | object.style.fontFamily="arial,sans-serif" |
Contoh TIY
- Atur font teks
- Contoh ini menunjukkan bagaimana mengatur font teks.
Dukungan browser
Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- Halaman sebelumnya @font-face
- Halaman berikutnya font-feature-settings