②Насыщенность шрифта: свойство font-weight

Продолжим изучение темы CSS - шрифты. Если пропустили прошлую статью, то вот ссылка на неё:

• ①Семейство шрифтов: свойство font-family

2. Насыщенность шрифта: свойство font-weight

Свойство font-weight задаёт насыщенность шрифта.

Свойство наследуется.

font-weight

Значения:

• normal - Значение по умолчанию, устанавливает нормальную насыщенность шрифта. Эквивалентно значению насыщенности, равной 400.
• bold - Делает шрифт текста полужирным. Эквивалентно значению насыщенности, равной 700.
• bolder - Насыщенность шрифта будет больше, чем у предка.
• lighter - Насыщенность шрифта будет меньше, чем у предка.
• 100, 200, 300, 400, 500, 600, 700, 800, 900 - Значение 100 соответствует самому легкому варианту начертания шрифта, а 900 — самому плотному. При этом, эти числа не определяют конкретной плотности, т.е. 100, 200, 300 и 400 могут соответствовать одному и тому же варианту слабой насыщенности начертания шрифта; 500 и 600 — средней насыщенности, а 700, 800 и 900 могут выводить одинаковое очень насыщенное начертание. Распределение плотности так же зависит от количества уровней насыщенности, определенных в конкретном семействе шрифтов.
• initial - Устанавливает значение свойства в значение по умолчанию.
• inherit - Наследует значение свойства от родительского элемента.

Синтаксис

CSS

font-weight: normal;
font-weight: bold;
font-weight: lighter;
font-weight: bolder;
font-weight: 100;
font-weight: 200;
font-weight: 300;
font-weight: 400;
font-weight: 500;
font-weight: 600;
font-weight: 700;
font-weight: 800;
font-weight: 900;
font-weight: inherit;
font-weight: initial;

Продолжение в следующей статье!