Уменьшение насыщенности

Принцип действия lighter совершенно аналогичен за исключением того, что оно заставляет агента пользователя опускаться вниз по шкале плотностей, а не подниматься. Изменим предыдущий пример:

/* предполагаем для этого примера только две гарнитуры: 'Regular' и 'Bold' */
p {font-weight: 900;} /* максимально возможное жирное начертание,
которое будет выглядеть 'bold' */
p span {font-weight: 700;} /* это также будет жирным */
strong {font-weight: lighter;} /* менее насыщенный, чем его родитель */
b {font-weight: lighter;} /* по-прежнему менее насыщенный */


900 700 400 300 200
.




bold bold regular regular
regular
.



Абстрагируемся от того, что этот пример совершенно нелогичен: насыщенность основного текста абзаца равна 900. Если указывается, что для текста strong должно быть задано значение lighter, то вычисляется следующая по порядку менее насыщенная гарнитура, которой является Regular или 400 (аналогично normal) на цифровой шкале. Следующий шаг вниз – 300, что аналогично normal, поскольку еще менее насыщенных гарнитур не существует. С этого момента агент пользователя будет уменьшать насыщенность по одному числовому значению за раз до тех пор, пока не достигнет значения 100 (этого нет в примере). Второй абзац показывает, какой текст будет жирным, а какой обычным.

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
Абсолютные размеры
Варианты шрифтов
Загрузка шрифтов
Задание семейства шрифтов
Интеллектуальное сопоставление шрифтов

Вернуться в раздел: CSS / 5. Шрифт