คุณสมบัติตระกูลแบบอักษร CSS
ตัวอย่าง
ระบุแบบอักษรสำหรับสองย่อหน้า:
p.a {
font-family: "Times New Roman", Times, serif;
}
p.b {
font-family: Arial, Helvetica,
sans-serif;
}
ความหมายและการใช้งาน
คุณสมบัติfont-familyระบุแบบอักษรสำหรับองค์ประกอบ
คุณสมบัติfont-familyสามารถเก็บชื่อฟอนต์ได้หลายชื่อเป็นระบบ "ทางเลือก" หากเบราว์เซอร์ไม่รองรับแบบอักษรแรก เบราว์เซอร์จะลองใช้แบบอักษรถัดไป
ชื่อตระกูลแบบอักษรมีสองประเภท:
- family-name - ชื่อของ font-family เช่น "times", "courier", "arial" เป็นต้น
- generic-family - ชื่อของ generic-family เช่น "serif", "sans-serif", "cursive", "fantasy", "monospace"
เริ่มต้นด้วยฟอนต์ที่คุณต้องการ และลงท้ายด้วยฟอนต์ทั่วไปเสมอ เพื่อให้เบราว์เซอร์เลือกฟอนต์ที่คล้ายกันในกลุ่มฟอนต์ทั่วไป หากไม่มีฟอนต์อื่นๆ
หมายเหตุ:คั่นแต่ละค่าด้วยเครื่องหมายจุลภาค
หมายเหตุ:ถ้าชื่อแบบอักษรมีช่องว่าง จะต้องยกมา ต้องใช้เครื่องหมายคำพูดเดี่ยวเมื่อใช้แอตทริบิวต์ "style" ใน HTML
| ค่าเริ่มต้น: | ขึ้นอยู่กับเบราว์เซอร์ |
|---|---|
| รับการถ่ายทอด: | ใช่ |
| เคลื่อนไหวได้: | ไม่. อ่านเกี่ยวกับแอนิเมชั่น |
| รุ่น: | CSS1 |
| ไวยากรณ์ JavaScript: | วัตถุ .style.fontFamily="Verdana,sans-serif" |
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
| Property | |||||
|---|---|---|---|---|---|
| font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
ไวยากรณ์ CSS
font-family: family-name|generic-family|initial|inherit;
มูลค่าทรัพย์สิน
| Value | Description | Play it |
|---|---|---|
| family-name generic-family |
A prioritized list of font family names and/or generic family names | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
หน้าที่เกี่ยวข้อง
กวดวิชา CSS: แบบอักษร CSS
การอ้างอิง CSS: คุณสมบัติแบบอักษร
การอ้างอิง HTML DOM: คุณสมบัติ fontFamily