ตัวอย่าง
ระบุตัวอักษรสำหรับย่อหน้า:
p
{
font-family: "Times New Roman", Georgia, Serif;
}
ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการ font-family ระบุตัวอักษรสำหรับองค์ประกอบ
สถานที่ให้บริการ font-family สามารถถือชื่อตัวอักษรหลายเป็น "fallback" ระบบ หากเบราว์เซอร์ไม่สนับสนุนแบบอักษรแรกก็พยายามที่ตัวอักษรต่อไป
มีสองประเภทของชื่อตระกูลแบบอักษรคือ:
- family-name - ชื่อของ font-family เช่น "times" , "courier" , "arial" ฯลฯ
- generic-family - ชื่อของทั่วไปครอบครัวเช่น "serif" , "sans-serif" , "cursive" , "fantasy" , "monospace"
เริ่มต้นด้วยอักษรที่คุณต้องการและมักจะจบลงด้วยครอบครัวทั่วไปที่จะปล่อยให้เบราว์เซอร์เลือกตัวอักษรที่คล้ายกันในครอบครัวทั่วไปถ้าไม่มีแบบอักษรอื่น ๆ ที่มี
Note: แยกแต่ละค่าด้วยเครื่องหมายจุลภาค
Note: หากชื่อตัวอักษรมีพื้นที่สีขาวก็ต้องยกมา ราคาเดียวต้องใช้เมื่อใช้ "style" แอตทริบิวต์ใน HTML
| ค่าเริ่มต้น: | depends on the browser |
|---|---|
| รับการถ่ายทอด: | yes |
| Animatable: | no. Read about animatable |
| เวอร์ชัน: | CSS1 |
| ไวยากรณ์ javascript: | object .style.fontFamily="Verdana,sans-serif" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS ไวยากรณ์
font-family:font|initial|inherit;ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ | เล่น |
|---|---|---|
| family-name generic-family | รายการจัดลำดับความสำคัญของชื่อตระกูลแบบอักษรและ / หรือชื่อของครอบครัวทั่วไป | เล่น " |
| initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น | เล่น " |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS ตัวอักษร
อ้างอิง CSS: font property
อ้างอิง HTML DOM: fontFamily property