Font-weight
Используется, чтобы сделать текст жирным или изменить насыщенность гарнитуры. Свойство font-weight принимает в качестве значения ключевое слово или число.
Ключевые слова включают в себя normal, bold, bolder, lighter и inherit. Из этих ключевых слов рекомендуется в первую очередь задействовать normal и bold, чтобы изменить текст от обычного до жирного и наоборот. Вместо использования ключевых слов bolder или lighter лучше применять числовое значение для более точного управления.
Например, CSS для установки font-weight как bold для любого элемента с классом daring:
.daring {
font-weight: bold;
}
Числовые значения 100, 200, 300, 400, 500, 600, 700, 800 и 900 связаны с гарнитурами шрифтов, которые имеют несколько жирностей. Их порядок начинается с самой тонкой жирности — 100, и повышается до самой толстой жирности — 900. Для справки: значение normal соответствует 400, а значение bold соответствует 700. Таким образом, любое числовое значение ниже 400 будет достаточно тонким, а любое значение выше 700 будет достаточно жирным.
Изменение насыщенности шрифта до 600 для любого элемента с классом daring будет отображать текст как полужирный (не совсем жирный, как ключевое слово bold до этого):
.daring {
font-weight: 600;
}
Попытка использовать число, которое не доступно для данного шрифта, приведёт стиль к ближайшему значению. Например, шрифт Times New Roman содержит две насыщенности: нормальная (или 400) и жирная (или 700). Попытка использовать 900 установит шрифт в ближайшую насыщенность — 700 в данном случае.
Смотри также
- font
- font-family
- font-size
- font-style
- font-variant
- line-height
— Игорь Мостицкий (обсуждение) 14:01, 9 января 2026 (MSK)
