Урок с практикой по CSS (Онлайн курсы)
Выбрать другой урок из курса
Обсуждение
Теория урока

Насыщенность шрифта в CSS

Фраза «насыщенность шрифта» может показаться вначале незнакомой, но на самом деле вы знакомы с этим понятием. Жирное начертание, это один из примеров насыщенности шрифта. В CSS, чтобы изменить насыщенность шрифта используется свойство font-weight.

CSS свойство font-weight принимает как буквенные, так и числовые значения. Буквенные значения: normal, bold, bolder, lighter. Кстати, если вы не указываете свойство font-weight, то по умолчанию оно равно normal. Числовые значения: 100, 200, 300, 400, 500, 600, 700, 800, 900. И последние значение, это inherit (если забыли, это означает наследование значения у родителя).

Не стоит забывать, что не каждый шрифт имеет все насыщенности. Зачастую шрифты имеют только normal и bold насыщенность. Далее смотрим первый пример, где мы сделали абзац жирного начертания.

Пример 1
p {
font-family: Arial;
font-weight: bold;
}
<
×
>
Не публикуйте свой код прямо в комментариях. Во-первых, он плохо отображается. Во-вторых, он может содержать для кого-то «спойлеры», т.е. ответы на практику. Воспользуйтесь специальными сервисами: cssdeck.com или jsfiddle.net.
Комментарии, содержащие код (пару строк не считается), будут безжалостно удаляться.