คุณสมบัติ fontFamily ของ Style

การใช้งานและการระบุ

fontFamily คุณสมบัติเพื่อตั้งค่าหรือคืนค่ารายชื่อตระกูลตัวอักษร (font-family) และ/หรือชื่อตระกูลทั่วไป (generic-family) ขององค์ประกอบ

เว็บเบราส์เวอร์จะใช้ค่าแรกที่ทำได้

มีสองชนิดของค่า font-family:

  • font-family: ชื่อครอบครัวตัวอักษร เช่น "verdana" หรือ "arial"
  • generic-family: ชื่อครอบครัวตัวอักษรทั่วไป เช่น "serif" หรือ "sans-serif"

คำแนะนำ

ใช้ชื่อตระกูลทั่วไปเป็นทางเลือกสุดท้ายเสมอ!

ใช้จุดขีดแบ่งเพื่อแยกค่าทุกตัว

ถ้าชื่อตระกูลตัวอักษรมีช่องว่าง คุณจะต้องใช้วงล้อมคำว่า

ดูเพิ่มเติม: ตัวอักษรที่มีความปลอดภัยเว็บ،เพื่อดูทีมย่อยตัวอักษรที่ใช้บ่อย

ดูเพิ่มเติม:

คู่มือเรียน CSSCSS ตัวอักษร

คู่มือ CSSคุณสมบัติ font-family

คู่มือเอชทีเอ็มแอลดอมคุณสมบัติ font

ตัวอย่าง

ตัวอย่าง 1

ตั้งค่าตัวอักษรของ <p>:

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

ทดลองด้วยตัวเอง

ตัวอย่าง 2

ตัวอย่างเรื่องค่าที่เป็นไปได้:

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

ทดลองด้วยตัวเอง

ตัวอย่าง 3

คืนตัวอักษรของ <p> อิงตัวอักษร:

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

ทดลองด้วยตัวเอง

บทบาท

คืนคุณสมบัติ fontFamily:

object.style.fontFamily

ตั้งค่าคุณสมบัติ fontFamily:

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

ค่าของคุณสมบัติ

ค่า คำอธิบาย
font1, font2... รายชื่อชื่อครอบครัวตัวอักษรและ/หรือชื่อตระกูลทั่วไปด้วยจุดขีดแบ่ง
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial。
inherit ทำให้คุณได้รับคุณสมบัตินี้จากองค์ประกอบพ่อของเขา โปรดดู inherit。

รายละเอียดเทคนิค

ค่าเริ่มต้น ยังไม่ได้กำหนด
ค่าที่คืน ตัวเลขคำนำหน้าแสดงชื่อแบบอักษรของตัวอักษรจีนเรียกว่าตัวนี้
เวอร์ชั่น CSS: CSS1

การสนับสนุนโดยเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน