Codebra
25 января 2026 в 19:25

Урок 30. Свойство font в CSS

Чтобы уменьшить количество строк кода, ввели свойство font, которое объединяет многие свойства шрифта (+ одно свое: устанавливает высоту строки).
📝

Внимание! На этой странице вы найдете материал урока из архивного курса по CSS. Курс был написан в 2015 и по-прежнему актуален для начинающих веб-разработчиков.

Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.

Полный список уроков доступен по тегу Архивный курс по CSS и на странице первого урока.

📋 Задание
  • При помощи свойства font задайте абацу p жирное начертание, размер шрифта 14px, семейство serif и межстрочный интервал 20px.

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

font: [font-style||font-variant||font-weight] font-size [/line-height] font-family | inherit

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

font: 16px/13px sans-serif;

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

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

font: bold italic 16px sans-serif;

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

📝

Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу CSS.