การใช้ Font Tag ใน HTML

แท็ก font ใช้สำหรับการกำหลดลักษณะตัวอักษร แต่ตอนนี้ ไม่ค่อยนิยมกันแล้ว เนื่องจาก การกำหนดลักษณะต่าง ๆ ของเว็บเพจจะนิยมกำหนดไว้ใน CSS มากกว่า แต่ถึงอย่างไร ก็ควรศึกษาไว้ เผื่อเราไปดูโค้ดในเว็บเก่า ๆ ที่ทำไว้นาน ๆ จะสามารถดูออกได้ง่าย ไม่เพียงแค่นั้น แต่เว็บใหม่ ๆ บางเว็บ ก็ใช้กันอยู่มากเหมือนกัน ดังนั้น ในบทความนี้ เรามาดูแท็ก font กันดีกว่า ว่าการกำหนดลักษณะต่าง ๆ เป็นยังไง

Font Size 1 ถึง 7

เป็นการกำหนด ขนาดของตัวอักษร โดยใช้แอททริบิวต์ size จะกำหนดเป็นตัวเลข ตั้งแต่ 1-7 เลขน้อยตัวอักษรเล็ก เลขมากขึ้นตัวอักษรใหญ่ขึ้น

 Font size="1"
 Font size="2"
 Font size="3"
 Font size="4"
 Font size="5"
 Font size="6"
 Font size="7"
 Font size="8"
 Font size="0"
 

ผลลัพธ์
Font size="1"
Font size="2"
Font size="3"
Font size="4"
Font size="5"
Font size="6"
Font size="7"
Font size="8"
Font size="0"

Font Size -1 ถึง +4

เป็นการกำหนด ขนาดของตัวอักษร โดยใช้แอททริบิวต์ size จะกำหนดเป็นตัวเลข ตั้งแต่ -1 ถึง +4 เลขน้อยตัวอักษรเล็ก เลขมากขึ้นตัวอักษรใหญ่ขึ้น

 Font size="-2"
 Font size="-1"
 Font size="+1"
 Font size="+2"
 Font size="+3"
 Font size="+4"
 Font size="+5"
 

ผลลัพธ์
Font size="-2"
Font size="-1"
Font size="+1"
Font size="+2"
Font size="+3"
Font size="+4"
Font size="+5"

Font Face

เป็นการกำหนด แบบของตัวอักษรว่า จะให้ตัวอักษรเป็นแบบไหน โดยใช้แอททริบิวต์ face

 Times New Roman
 Verdana
 Comic Sans MS
 WildWest
 Bedrock
 

Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock

Font Color

เป็นการกำหนด สีของตัวอักษร โดยใช้แอททริบิวต์ color ในการกำหนดนั้น สามารถกำหนดได้หลายวิธี คือ Hex Code, Short Hex Code, RGB %, RGB Absolute, keyword ดูวิธีการกำหนด ลักษระสี กับ โค้ดสีต่าง ๆ ได้ที่ CSS-Color

 Times New Roman
 Verdana
 Comic Sans MS
 WildWest
 Bedrock
 

Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock