Properti HTML DOM Style fontFamily
gaya Objects Definisi dan Penggunaan
fontFamily set properti atau mengembalikan daftar elemen font keluarga nama nama / font generik keluarga Cina.
browser akan menggunakan nilai pertama mengakui.
Ada dua jenis nilai keluarga font dari:
- font-family: nama keluarga font, seperti "verdana" atau "arial".
- generik-family: nama keluarga font generik, seperti "serif" atau "sans-serif".
Tip: Selalu tentukan font nama keluarga generik sebagai jalan terakhir!
CATATAN: Jika nama keluarga font mengandung spasi, tanda kutip.
Tip: Periksa font web-aman umum digunakan kombinasi huruf.
tatabahasa
Pengaturan properti fontFamily:
Object.style.fontFamily="font1, font2, etc.|inherit"
Sifat Kembali fontFamily:
Object.style.fontFamily
| 值 | 描述 |
|---|---|
| font1, font2, etc. | 字体系列名称/通用字体系列名称的表，由逗号分割。 |
| inherit | fontFamily 属性的值从父元素继承。 |
Dukungan Browser
Semua browser utama mendukung properti fontFamily.
Catatan: IE7 dan versi sebelumnya tidak mendukung "mewarisi" nilai.IE8 hanya menyediakan! DOCTYPE didukung "mewarisi". dukungan IE9 "mewarisi".
contoh
contoh
Mengubah font teks:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
document.getElementById ( "p1") style.fontFamily = "Impact, Arang, sans-serif" .;
}
</ Script>
</ Kepala>
<Body>
<P id = "p1"> Ini adalah beberapa teks. </ P>
Situs
<Tombol type = "button" onclick = "displayResult ()"> Ubah Font </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
document.getElementById ( "p1") style.fontFamily = "Impact, Arang, sans-serif" .;
}
</ Script>
</ Kepala>
<Body>
<P id = "p1"> Ini adalah beberapa teks. </ P>
Situs
<Tombol type = "button" onclick = "displayResult ()"> Ubah Font </ button>
</ Body>
</ Html>
Coba »
gaya Objects