Properti font-family CSS
Contoh
Tentukan font untuk dua paragraf:
p.a {
font-family: "Times New Roman", Times, serif;
}
p.b {
font-family: Arial, Helvetica,
sans-serif;
}
Definisi dan Penggunaan
Properti font-family
menentukan font untuk suatu elemen.
Properti font-family
dapat menampung beberapa nama font sebagai sistem "fallback". Jika browser tidak mendukung font pertama, browser akan mencoba font berikutnya.
Ada dua jenis nama keluarga font:
- family-name - Nama font-family, seperti "times", "courier", "arial", dll.
- generik-keluarga - Nama keluarga generik, seperti "serif", "sans-serif", "kursif", "fantasi", "monospace".
Mulailah dengan font yang Anda inginkan, dan selalu akhiri dengan keluarga generik, untuk membiarkan browser memilih font serupa dalam keluarga generik, jika tidak ada font lain yang tersedia.
Catatan: Pisahkan setiap nilai dengan koma.
Catatan: Jika nama font mengandung spasi, itu harus dikutip. Tanda kutip tunggal harus digunakan saat menggunakan atribut "style" dalam HTML.
Nilai bawaan: | tergantung browsernya |
---|---|
Diwarisi: | Ya |
Animasi: | tidak. Baca tentang animasi |
Versi: kapan: | CSS1 |
Sintaks JavaScript: | objek .style.fontFamily="Verdana,sans-serif" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaks CSS
font-family: family-name|generic-family|initial|inherit;
Nilai properti
Value | Description | Play it |
---|---|---|
family-name generic-family |
A prioritized list of font family names and/or generic family names | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Halaman Terkait
Tutorial CSS: Font CSS
Referensi CSS: properti font
Referensi DOM HTML: properti fontFamily