CSS: Насыщенность шрифта
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.