Font Weight: The Power of Boldness in Typography

Font weight - это свойство CSS, которое определяет толщину и жирность шрифта. Это свойство может применяться к любому шрифту, который имеет несколько возможных вариантов толщины, таких как обычный, полужирный, жирный, тонкий и т.д.

Значение font-weight задается целым числом в диапазоне от 100 до 900, где 100 - самый тонкий, а 900 - самый жирный.

При этом, значение может быть задано либо числом, либо ключевыми словами:

• normal (обычный);
• bold (жирный);
• lighter (более тонкий, чем базовый);
• bolder (более жирный, чем базовый);

Пример использования свойства font-weight:

h1 {
  font-weight: bold;
}
p {
  font-weight: normal;
}
span {
  font-weight: 600;
}

В приведенном примере, свойство font-weight используется для задания жирности шрифта для заголовков, абзацев и отдельных слов.

Это свойство также может использоваться вместе с другими CSS-свойствами, например с font-size, чтобы задать необходимый размер и жирность текста одновременно:

h2 {
  font-size: 24px;
  font-weight: bold;
}

В данном примере, для заголовка h2 установлен размер шрифта 24px и жирность bold.

В целом, свойство font-weight позволяет контролировать внешний вид текста на странице и улучшить его читаемость и визуальное восприятие.