5.1. Свойство 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 – курсив.

Предыдущий урок «4.1. Стиль шрифта в CSS» Следующий урок «6.1. Как подключить сторонний шрифт в CSS»

Возможно, вам это будет интересно: Насыщенность шрифта в CSS

HTML

CSS

Браузер

Вернуть расположение блоков

Код HTML

Код CSS

Браузер×

Задание

Восстановить код

Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков и участие в рейтинге среди пользователей), вам нужно авторизоваться. Это можно сделать пройдя обычную регистрацию с использованием почты или в пару кликов, если у вас есть один из аккаунтов: ВКонтакте, GitHub, Google, Яндекс или Telegram.