การกำหนดค่า Font ใน css
ใน css นั้น เราสามารถ กำหนด property ของ font ต่างๆได้ครับแต่ก่อนอื่น เรามาทำการรู้จักประเภทของ Font ก่อนครับ
Font สามารถแบ่งเป็นออกได้เป็น 2 ประเภทใหญ่ๆด้วยกัน คือ
1. Sans-serif : เป็นลักษณะของตัวอักษรที่ไม่มีเส้นปิดหัวปิดท้าย
2. Serif : เป็นลักษณะของตัวอักษรที่ส้นปิดมีเส้นปิดหัวปิดท้าย
Font Family
ใช้กำหนดชนิดหรือประเภทของตัวอักษรบนเว็บครับ ซึ่งก็ขึ้นอยู่ที่เครื่องคอมของคุณแหละครับว่าจะมี font ที่กำหนดนี้ไว้หรือป่าว โดยทั่วไปจะเขียนกับไว้ว่าหาก Font-Family ที่อยู่ใน ” ” ไม่มี ให้เอาตัวหลังตัวอื่นมาแทนตามลำดับ
เช่น : font-family: “Lucida Grande”, Arial, Tahoma;
หมายความว่า หาก font “Lucida Grande” ในเครื่องไม่มี ให้เอา Arial มาแสดง แทน
font-style
ใช้กำหนดรูปแบบของตัวอักษรว่าจะเป็นอย่างไร normal ( ธรรมดา ) italic ( ตัวเอียง ) เป็นต้น เช่น font-style: italic;
font-variant
เป็น การแปลงตัวอักษรที่เป็นตัวพิมพ์เล็ก ให้กลายเป็นตัวพิมพ์ใหญ่ทั้งหมด โดยที่ขนาดยังคงเล็กเท่าตัวพิมพ์เล็ก
เช่น font-variant: smapp-caps;
font-weight
ใช้กำหนดขนาดความหนาของตัวอักษร เช่น font-weight: bold;
font-size
ใช้กำหนดขนาดของตัวอักษร เช่น font-size: 14px;
font
ใช้ กำหนดค่าของ property font แบบรวมทั้ง font-style, font-variant, font-weight, font-size, font-family ได้พร้อมกันตามลำดับ เช่น font: italic small-caps bold 14px Lucida Grande;
Twitter
Facebook