font-family --> ใช้กำหนดชนิด font ที่ต้องการจะให้แสดงผล โดยที่ font นั้นจะต้องมีอยู่ในเครื่องของผู้ใช้งานด้วย
เช่น Arial,Times New Roman, sans-serif
font-size --> ใช้กำหนดขนาดของตัวอักษร ที่จะให้แสดงผลเช่น small , medium , larger , 18px ,150%
font-style --> ใช้กำหนดรูปแบบของตัวอักษรในลักษณะต่างๆ เช่น normal , italic , oblique
font-variant -->ใช้แปลงตัวอักษรที่เป็นตัวพิมพ์เล็กให้เป็นพิมพ์ใหญ่โดยที่ขนาดตัวอักษรยังคงเท่าตัวพิมพ์เล็กเช่น normal , SMALL-CAPS
font-weight --> ใช้กำหนดความหนาของตัวอักษร เช่น bold ,bolder ,lighter , 500 ,600
color --> เราสามารถกำหนด property ให้กับ font ได้ในคำสั่งประกาศเดียวgเช่น พิมพ์ชื่อของสี red หรือพิมพ์โค้ดสี #000099 เลยก้ได้
ตัวอย่างที่ 1
โค้ด: เลือกทั้งหมด
<html ><head> <body><p style="font-family:Arial; font-size:18px; font-style:italic; font-weight: bold; color:#CC33CC; "> ตัวอย่างข้อความที่ได้
</p></head></body></html>
โค้ด: เลือกทั้งหมด
<html ><head> <body><h1 style=" font-family: Times New Roman; font-size:large; text-decoration:underline ; font-weight:lighter; color:#FF6600;">
หัวข้อตัวอย่าง </h1></head></body></html>