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

Свойство font в CSS

Чтобы уменьшить количество строк кода, ввели свойство font, которое объединяет многие свойства шрифта (+ одно свое: устанавливает высоту строки). В качестве обязательных значений свойства font указываются размер шрифта и его семейство, остальные указываются по желанию. Общие вид свойства:

Пример 1
font: [font-style||font-variant||font-weight] font-size [/line-height] font-family | inherit

Рассмотрим пример второй:

Пример 2
font: 16px/13px sans-serif;

Во втором примере мы указали, что размер шрифта 16 пикселей и через косую черту мы указали высоту строки (13 пикселей), далее через пробел мы указали семейство шрифта.

Рассмотрим пример третий:

Пример 3
font: bold italic 16px sans-serif;

В третьем примере мы указали не обязательные параметры: bold – жирное начертание и italic – курсив.

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