tutorial pengembangan web terbaru
 

Style fontFamily Property

<Style Object

Contoh

Mengatur font untuk <p> elemen:

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

Definisi dan Penggunaan

The fontFamily set properti atau mengembalikan daftar nama font-family dan / atau nama generik-keluarga untuk teks dalam suatu elemen.

browser akan menggunakan nilai pertama mengakui.

Ada dua jenis nilai font-family:

  • font-family: Nama font-family, seperti "verdana" atau "arial"
  • generik-family: Nama font-family generik, seperti "serif" atau "sans-serif"

Tip: Selalu tentukan nama generik-keluarga sebagai alternatif terakhir!

Catatan: Pisahkan setiap nilai dengan koma.

Note: Jika nama font-family mengandung spasi, maka harus dikutip.

Tip: Lihatlah Web font yang aman untuk kombinasi huruf yang umum digunakan.


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Properti fontFamily didukung di semua browser utama.


Sintaksis

Kembali properti fontFamily:

object .style.fontFamily

Mengatur properti fontFamily:

object .style.fontFamily=" Nilai properti
Nilai Deskripsi
font1, font2, etc. Sebuah daftar dipisahkan koma dari nama-nama font-family dan / atau nama generik untuk keluarga
initial Set properti ini ke nilai default. Baca tentang awal
inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default: tidak ditentukan
Kembali Nilai: Sebuah String, yang mewakili nama font dari teks dalam elemen
CSS Versi CSS1

Contoh lebih

Contoh

Sebuah demonstrasi nilai yang mungkin:

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

Contoh

Kembali font dari <p> elemen:

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

Pages terkait

CSS tutorial: CSS Font

Referensi CSS: font-family property

Referensi HTML DOM: font property


<Style Object