Sunday, 10 November 2024

การกำหนดฟอนต์ (font) ใน CSS

20 Apr 2018
172
luminox watches

การกำหนดฟอนต์ (font) ใน CSS ทำได้โดยใช้คุณสมบัติ font-family ซึ่งจะกำหนดชนิดของฟอนต์ที่ต้องการใช้ในเว็บไซต์ โดยฟอนต์ที่ใช้จะต้องอยู่ในเครื่องผู้ใช้ หรือถ้าไม่มีฟอนต์นั้นในเครื่องผู้ใช้ CSS จะพยายามค้นหาฟอนต์ตามลำดับที่กำหนด จนกว่าจะพบฟอนต์ที่เหมาะสม เมื่อพบฟอนต์ที่เหมาะสมแล้ว จะนำมาแสดงผลในหน้าเว็บไซต์

ตัวอย่างการกำหนด font-family ด้วย CSS:
body {
font-family: Arial, Helvetica, sans-serif;
}

การกำหนดฟอนต์ (font) ใน CSS

การกำหนดฟอนต์ (font) ใน CSS

ในตัวอย่างนี้ เรากำหนดให้ฟอนต์ของข้อความทั้งหน้าเว็บไซต์ใช้ Arial ก่อน ถ้าไม่พบ Arial จะใช้ Helvetica แทน หากไม่พบ Helvetica ก็ใช้ฟอนต์ที่ไม่มี Serif (sans-serif) แทน โดยหากพบฟอนต์ที่เหมาะสมกับเครื่องผู้ใช้แล้ว เว็บไซต์จะแสดงผลโดยใช้ฟอนต์นั้นในการแสดงข้อความของเว็บไซต์

นอกจาก Arial, Helvetica, และ sans-serif ยังมีชื่อฟอนต์อื่น ๆ ที่สามารถใช้กำหนดใน font-family ได้ เช่น Times New Roman, Verdana, Tahoma, และอื่น ๆ อีกมากมาย การกำหนดฟอนต์ขึ้นอยู่กับความต้องการของผู้ออกแบบเว็บไซต์และความเหมาะสมของฟอนต์กับเนื้อหาของเว็บไซต์นั้น ๆ

Thanat Sirikitphattana

แบ่งปันกัน เราอยู่กันไม่เกิน 100 ปีหรอกครับ
สุดท้ายก็ทิ้งไว้ที่โลก จะคงเหลือไว้แต่คุณงามความดีที่ให้ระลึกถึงกันครับ

Follow Us / Thanat Sirikitphattana