Sifat font-family CSS

Definisi dan penggunaan

font-family menentukan keluarga huruf elemen.

font-family boleh menyimpan beberapa nama huruf sebagai sistem "penggantian" untuk beberapa elemen. Jika pereka tidak mendukung huruf pertama, pereka akan mencuba huruf berikutnya. Ini bermakna nilai font-family ciri adalah daftar yang menggabungkan nama keluarga huruf atau/ dan keluarga kelas untuk setiap elemen. Pereka akan menggunakan nilai yang boleh dikenali pertama.

Ada dua jenis nama keluarga huruf:

  • Nama keluarga huruf yang ditentukan: nama spesifik huruf, seperti: "times", "courier", "arial"
  • Nama keluarga huruf biasa: seperti: "serif", "sans-serif", "cursive", "fantasy", "monospace"

Panduan:Pisahkan setiap nilai dengan tanda koma, dan selalu berikan nama keluarga kelas sebagai pilihan terakhir.

Perhatian:Penggunaan keluarga huruf yang khusus (Geneva) sepenuhnya bergantung kepada sama ada keluarga huruf ini tersedia di komputer pengguna; ciri ini tidak menunjukkan sebarang muat turun huruf. Oleh itu, disarankan untuk menggunakan nama keluarga huruf baku sebagai jalan keluar.

Lihat juga:

Panduan CSS:Fon CSS

Panduan CSS:Sifat font CSS

Panduan HTML DOM:Ciri huruf

Contoh

Tetapkan huruf teks untuk paragraf:

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

Cuba sendiri

Rumus CSS

font-family: nama-keluarga|keluarga-huruf-baku|awal|warisan;

Nilai ciri

Nilai Penerangan
  • nama-keluarga
  • keluarga-huruf-baku

Daftar yang menggabungkan nama keluarga huruf atau/ dan keluarga kelas untuk setiap elemen.

Nilai lalai: bergantung kepada pereka.
warisan Ditetapkan supaya huruf tadbir diwarisi daripada elemen bapa.

Butir teknologi

Nilai lalai: tidak disifatkan
Warisan: ya
Versi: CSS1
Rumus JavaScript: objek.style.fontFamily="arial,sans-serif"

Contoh TIY

Tetapkan huruf teks
Contoh ini memaparkan bagaimana untuk tetapkan huruf teks.

Dukungan pereka

Nombor dalam tabel menunjukkan versi pereka paling awal yang mendukung ciri ini.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5