CSS ความหนาแน่นfont-family

การกำหนดและการใช้งาน

font-family กำหนดตัวอักษรระบบขององค์ประกอบ

font-family สามารถใช้ชื่อตัวอักษรหลายตัวเพื่อเป็นระบบ "back-up" สำหรับองค์ประกอบเฉพาะ; หากบราวเซอร์ไม่สนับสนุนตัวอักษรแรก ก็จะพยายามตัวอักษรต่อไป ดังนั้น ค่าของ font-family คือตารางความสำคัญของชื่อครอบครัวตัวอักษรหรือชื่อชนิดครอบครัวสำหรับองค์ประกอบเฉพาะ บราวเซอร์จะใช้ค่าที่พึงประสงค์ที่สุด

มีชื่อครอบครัวตัวอักษรสองประเภท:

  • ชื่อครอบครัวตัวอักษรที่กำหนด: ชื่อตัวอักษรของตัวอักษรเฉพาะ ตัวอย่าง: "times", "courier", "arial"
  • ชื่อครอบครัวตัวอักษรทั่วไป: ตัวอย่าง: "serif", "sans-serif", "cursive", "fantasy", "monospace"

คำแนะนำ:แบ่งค่าด้วยความหมายเลข และเสนอชื่อชนิดครอบครัวทั้งหมดเป็นทางเลือกสุดท้าย

จำเป็น:การใช้ชื่อครอบครัวตัวอักษรที่เฉพาะเจาะจง (Geneva) ขึ้นอยู่กับว่าชื่อครอบครัวตัวอักษรนี้มีอยู่บนเครื่องของผู้ใช้หรือไม่; คุณสมบัตินี้ไม่มีการนำไปสู่การดาวน์โหลดตัวอักษรใดๆ ดังนั้น แนะนำให้ใช้ชื่อครอบครัวตัวอักษรทั่วไปเป็นหลังทางเลือก

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

ตัวอย่าง CSSCSS ตัวอักษร

คู่มือ CSSCSS ความหนาแน่นfont

คู่มือเอชทีเอ็มแอลล์ DOMfont attribute

ตัวอย่าง

ตั้งค่าตัวอักษรของย่อหน้า:

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

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

ระบบการใช้งาน CSS

font-family: family-name|generic-family|initial|inherit;

ค่าของ属性

ค่า การอธิบาย
  • family-name
  • generic-family

ตารางความสำคัญของชื่อครอบครัวตัวอักษรหรือชื่อชนิดครอบครัวตัวอักษรสำหรับองค์ประกอบเฉพาะ

ค่าเริ่มต้น: ขึ้นอยู่กับบราวเซอร์
inherit กำหนดให้มีการสืบทอดตัวอักษรระบบจากตัวอักษรของตัวปลูกแบบ

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

ค่าเริ่มต้น: not specified
การสืบทอด: yes
เวอร์ชั่น: CSS1
ระบบการใช้งาน JavaScript: object.style.fontFamily="arial,sans-serif"

ตัวอย่างโดยตรง

ตั้งค่าตัวอักษรของข้อความ
ตัวอย่างการตั้งค่าตัวอักษรของข้อความ

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

ตัวเลขในตารางระบุเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้ทั้งหมด。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5