คุณสมบัติ CSS font-family ใช้สำหรับตั้งค่าแบบอักษรเฉพาะสำหรับองค์ประกอบที่เลือก แนะนำให้ใช้ web-safe fonts โดยระบุแบบอักษรเพิ่มเติมเพื่อให้แน่ใจถึงความเข้ากันได้ข้ามเบราว์เซอร์
ไวยากรณ์
ไวยากรณ์ของคุณสมบัติ CSS font-family มีดังนี้:
Selector { font-family: /*value*/ }
ตัวอย่างต่อไปนี้แสดงให้เห็นถึงคุณสมบัติ CSS font-family:
ตัวอย่าง
<!DOCTYPE html> <html> <head> <style> h2 { background-color: thistle; font-family: "Magneto", Arial; } p { font-family: "Segoe Print", serif; font-size: 1.4em; } </style> </head> <body> <h2>Learn Fortran</h2> <p>Fortran, as derived from Formula Translating System, is a general-purpose, imperative programming language. It is used for numeric and scientific computing.</p> </body> </html>
ผลลัพธ์
ได้ผลลัพธ์ดังนี้:
ตัวอย่าง
<!DOCTYPE html> <html> <head> <style> th { font-family: "Franklin Gothic Book", Arial; border: thin solid blue; } td { font-family: "Lucida Console", serif; font-size: 1.1em; box-shadow: inset 0 0 3px black; } caption { font-family: Broadway; font-size: 24px; } </style> </head> <body> <table> <caption>Demo Table</caption> <tr> <th>DEMO 1</th> <th>DEMO 2</th> </tr> <tr> <td>demo a</td> <td>demo b</td> </tr> <tr> <td>demo c</td> <td>demo d</td> </tr> </table> </body> </html>
ผลลัพธ์
ได้ผลลัพธ์ดังนี้:
