ตัวอย่าง
ตั้งค่าตัวอักษรสำหรับ <p> องค์ประกอบ:
document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif"; ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติ fontFamily หรือส่งกลับรายชื่อ font-family และ / หรือชื่อทั่วไปครอบครัวสำหรับข้อความในองค์ประกอบ
เบราว์เซอร์จะใช้ค่าแรกก็ตระหนัก
มีสองประเภทของค่า font-family ได้แก่ :
- font-family: ชื่อของ font-family เช่น "verdana" หรือ "arial"
- ทั่วไปครอบครัว: ชื่อของทั่วไป font-family เช่น "serif" หรือ "sans-serif"
Tip: เสมอระบุชื่อสามัญของครอบครัวเป็นทางเลือกสุดท้าย!
หมายเหตุ: เฉพาะกิจแต่ละค่าด้วยเครื่องหมายจุลภาค
Note: หากชื่อ font-family มีช่องว่างก็จะต้องยกมา
Tip: ดู อักษรเว็บปลอดภัย สำหรับใช้กันทั่วไปอยู่รวมกันแบบอักษร
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการ fontFamily รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
วากยสัมพันธ์
กลับ fontFamily ทรัพย์สิน:
object .style.fontFamily
ตั้ง fontFamily ทรัพย์สิน:
object .style.fontFamily=" ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ font1, font2, etc. รายการที่คั่นด้วยเครื่องหมายจุลภาคของชื่อ font-family และ / หรือชื่อทั่วไปครอบครัว initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: ไม่ได้ระบุ กลับค่า: เชือกแทนชื่อตัวอักษรของข้อความในองค์ประกอบ CSS รุ่น CSS1
ตัวอย่างอื่น ๆ
ตัวอย่าง
การสาธิตของค่าที่เป็นไปได้:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue; ลองตัวเอง»
ตัวอย่าง
กลับตัวอักษรที่ <p> องค์ประกอบ:
alert(document.getElementById("myP").style.fontFamily); ลองตัวเอง»
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS อักษร
อ้างอิง CSS: font-family property
อ้างอิง HTML DOM: font property
<สไตล์วัตถุ