คุณสมบัติ font-family
เพื่อเปลี่ยนหน้าตาฟอนต์ ให้ใช้คุณสมบัติ font-family
ตัวอย่าง
ลองรันโค้ดต่อไปนี้เพื่อเรียนรู้การทำงานของคุณสมบัติ font-family:
<html>
<head>
</head>
<body>
<p style="font-family:georgia,garamond,serif;">
Demo content </p>
</body>
</html>
แนวทางปฏิบัติที่ดี:
- ระบุฟอนต์สำรอง (fallback fonts) คั่นด้วยเครื่องหมายจุลภาค
- จบด้วย generic family: serif, sans-serif, monospace, cursive, fantasy
- ชื่อฟอนต์ที่มีช่องว่างต้องอยู่ในเครื่องหมายคำพูด: "Times New Roman"
- ใช้ Web Fonts (@font-face หรือ Google Fonts) เพื่อความสม่ำเสมอข้ามระบบ
