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

CSS позволяет гибко настраивать насыщенность шрифта. Это помогает выделять важные фразы в тексте, не изменяя при этом размер шрифта. Для управления насыщенностью шрифта используется правило font-weight, у которого в качестве значения чаще всего выступают параметры normal, устанавливающий стандартную насыщенность шрифта, и bold, устанавливающий жирное начертание шрифта (эффект похож на использование тегов strong и b в HTML).

<p class="bold">Текст с жирным начертанием шрифта</p>
.bold {
  font-weight: bold;
}

Текст с жирным начертанием шрифта

В качестве значения свойства font-weight могут использоваться 100, 200, 300, 400, 500, 600, 700, 800, 900. Работоспособность данных значений зависит от шрифта, который используется в документе.

Если создатели шрифта добавили необходимые варианты, то они будут работать с использованием правила font-weight.

Текстовые значения свойства соотносятся с числовыми следующим образом:

  • 400 — normal
  • 700 — bold

Если шрифт, который используется на вашем сайте, поддерживает только эти два значения, то все другие он будет приводить именно к ним. То есть при использовании значения выше 500 всегда будет выставляться обычное жирное начертание, вне зависимости от того, какое именно значение будет указано.

В таком случае для большинства стандартных шрифтов значения от 100 до 500 будут приравнены к normal, а от 600 до 900 к bold.

Задание

Добавьте в редактор параграф с классом weight и установите насыщенность bold . Стили добавьте в тег style.


Нашли ошибку? Есть что добавить? Пулреквесты приветствуются https://github.com/hexlet-basics
Если вы столкнулись с трудностями и не знаете, что делать, задайте вопрос в нашем большом и дружном cообществе
Упражнение доступно только авторизованным пользователям.

Пожалуйста, авторизуйтесь, это необходимо для отслеживания прогресса выполнения уроков. Если у вас ещё нет учётной записи, то сейчас самое время создать аккаунт.