Свойство font представляет собой свойство-сокращение, в котором можно использовать следующие свойства CSS: font-size, font-style, font-weight, line-height, font-family, font-variant.

Синтаксис

Свойства font-style, font-variant, font-weight можно переставлять в любом порядке.

Обязательными свойствами являются font-size и font-family, остальные можно опускать, сохраняя порядок.

Свойство line-height пишется через слеш после свойства font-size.

селектор {
	font: курсив жирность размер/интервал_между_строками семейство;
}
селектор {
	font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}
селектор {
	font: italic 16px/20px Arial;
}

Примеры

Пример

p {
	font: italic 13px/27px Arial;
}

Результат выполнения кода:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna, ac interdum nisl. Suspendisse eget fringilla nibh, eu commodo arcu. Donec lacinia tempor velit sed tincidunt. Aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.

Пример

Так как название шрифта Times New Roman из нескольких слов, то берем его в кавычки, несколько шрифтов пишем через запятую:

p {
	font: bold 15px/20px "Times New Roman", Georgia, serif;
}

Результат выполнения кода:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna, ac interdum nisl. Suspendisse eget fringilla nibh, eu commodo arcu. Donec lacinia tempor velit sed tincidunt. Aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.