คุณสมบัติ font-weight ถูกใช้เพื่อเพิ่มหรือลดการปรากฏของฟอนต์ตัวหนาหรือสีอ่อน คุณสมบัติ font-weight จัดเตรียมฟังก์ชันการทำงานเพื่อระบุว่าฟอนต์เป็นตัวหนา ค่าที่เป็นไปได้อาจเป็นค่าปกติ ตัวหนา ตัวหนากว่า น้ำหนักเบากว่า 100, 200, 300, 400, 500, 600, 700, 800, 900
<html> <head> </head> <body> <p style = "font-weight:bold;">This font is bold.</p> <p style = "font-weight:bolder;">This font is bolder.</p> <p style = "font-weight:300;">This font is 500 weight.</p> </body> </html>