Atribut Style fontFamily

Definisi dan penggunaan

fontFamily Atribut menetapkan atau mengembalikan daftar nama keluarga font (font-family) dan/atau nama serupa umum (generic-family) dalam teks elemen.

Peramban akan menggunakan nilai yang dapat diidentifikasi pertama.

Ada dua jenis nilai font-family:

  • font-family: Nama keluarga font, seperti "verdana" atau "arial"
  • generic-family: Nama keluarga font serupa umum, seperti "serif" atau "sans-serif"

Pemberitahuan

Selalu tentukan nama serupa umum sebagai pilihan terakhir!

Pisahkan setiap nilai dengan koma.

Jika nama keluarga font mengandung spasi, maka harus diquote.

Lihat Font keamanan Webuntuk kombinasi font yang sering digunakan.

Lihat juga:

Panduan CSS:Font CSS

Panduan CSS:Atribut font-family

Panduan HTML DOM:Atribut font

Contoh

Contoh 1

Atur font teks elemen <p>:

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";

Coba sendiri

Contoh 2

Pertunjukan nilai yang mungkin:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;

Coba sendiri

Contoh 3

Kembalikan font teks elemen <p>:

alert(document.getElementById("myP").style.fontFamily);

Coba sendiri

Sintaks

Kembalikan atribut fontFamily:

object.style.fontFamily

Atur atribut fontFamily:

object.style.fontFamily = "font1, font2...|initial|inherit"

Nilai atribut

Nilai Deskripsi
font1, font2... Daftar nama keluarga font dan/atau nama serupa umum yang dipisahkan koma.
initial Atur atribut ini ke nilai defaultnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai default: Tidak ditentukan
Nilai kembalian: String, menunjukkan nama font teks elemen.
Versi CSS: CSS1

Dukungan Browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan