Правило @font-face
Описание
Правило @font-face позволяет определить настройки шрифтов, а также загрузить специфичный шрифт на компьютер пользователя.
Внутри конструкции @font-face может находиться набор свойств для изменения параметров шрифта (font-family, font-size, font-style и др.), а также ссылка на шрифтовой файл.
Ссылка записывается в виде src: url(<адрес>), где <адрес> — относительный или абсолютный путь к файлу.
Синтаксис
@font-face { свойства шрифта }
Пример
<!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>
@font-face {
font-family: Pompadur; /* Имя шрифта */
src: url('/files/fonts/pompadur.ttf'); /* Путь к файлу со шрифтом */
}
#p {
font-family: Pompadur;
}
</style>
<p id='p'>
Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты.
</p>
</body>
</html>
Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты.
Читайте также
Применяется к дочернему элементу
Псевдокласс :only-child применяется к дочернему элементу, только если он является единственным у ...
Свойство overflow-y
Управляет отображением содержания блочного элемента по вертикали, если контент целиком не помещае...
Свойство padding-bottom
Устанавливает расстояние от внутреннего нижнего края рамки элемента до воображаемого прямоугольника.
Свойство list-style
Универсальное свойство. Одновременно задает стиль маркера, его положение, а также изображение, ко...
Стили к элементам на основе нумерации
Псевдокласс :nth-child задаёт правила стилей для элементов, которые не содержат указанный селектор.