CSS: Обобщённое правило для шрифтов
Удобным способом задать свойства для шрифта является использование правила font
, которое позволяет указать:
font-style
font-variant
font-weight
font-size
/line-height
(эти два правила записываются через слэш)font-family
Шесть разных правил внутри одного! Это помогает сократить CSS код и улучшить его читабельность. Обязательными из них являются font-size
и font-family
. Остальные можно не указывать.
Предположим, что нам нужен жирный курсив с размером шрифта 24 пикселя из семейства шрифтов Arial, тогда правило в CSS будет выглядеть следующим образом:
font: italic bold 24px Arial;
Обратите внимание на порядок использования значений внутри свойства font
. Вначале идут стилистические правила, затем размер шрифта и его межстрочный интервал и потом семейство шрифта. Это важно, так как при другом порядке браузер может некорректно обработать результат.
При указании свойства font-family также рекомендуется указать универсальное семейство шрифтов. Это необходимо для того, чтобы при отсутствии шрифта у пользователя был выбран подходящий из установленных в его системе. Как и при указании одиночного свойства font-family, все шрифты должны быть отделены запятыми. Это же касается и семейства шрифта.
font: italic bold 24px Arial, sans-serif;
Задание
Добавьте в редактор параграф с классом bold-text
и установите для него жирное начертание. Размер шрифта 24 пикселя. Шрифт Verdana. Стили запишите в теге style
. Не забудьте указать универсальное семейство шрифтов. В данном случае это шрифты без засечек.