Độ đậm của chữ

Trong CSS, thuộc tính font-weight dùng để điều chỉnh độ đậm hoặc độ dày của văn bản bên trong một phần tử HTML.

Các giá trị số thường dùng cho font-weight gồm:

• 100: Mảnh
• 200: Cực mảnh
• 300: Mảnh

• 400: Bình thường 
• 500: Trung bình
• 600: Bán đậm

• 700: Đậm 
• 800: Rất đậm
• 900: Đen

Các giá trị từ khóa thường dùng cho font-weight gồm:

• normal: Tương đương với 400
• bold: Tương đương với 700

• lighter: Chỉ định độ đậm nhẹ hơn phần tử cha
• bolder: Chỉ định độ đậm đậm hơn phần tử cha

Ví dụ:

p {
    font-weight: normal;
}

h1 {
    font-weight: 700;
}

.highlight {
    font-weight: bold;
}