Свойство font

Описание

Универсальное свойство, которое позволяет одновременно задать несколько характеристик шрифта и текста.

Синтаксис

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

Допускается в качестве значения использовать ключевые слова, определяющие шрифт различных элементов операционной системы пользователя.

Значение Описание
caption Шрифт для текста элементов форм вроде кнопок.
icon Шрифт для текста под иконками.
menu Шрифт применяемый в меню.
message-box Шрифт для диалоговых окон.
small-caption Шрифт для подписей к небольшим элементам управления.
status-bar Шрифт для строки состояния окон.

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
.lay {
font: italic small-caps bold 25px/2 cursive;
}
.lay h1 {
font: small-caps bold 30px/1 sans-serif;
}
</style>
<div class='lay'>
<h1>Далеко-далеко</h1>
<p>
Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты.
</p>
</div>
</body>
</html>

Далеко-далеко

Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты.

Читайте также