Как подключить otf шрифт в css
Ответы
Olga Pejenkova
05 июня 2024
Для подключения otf шрифта в CSS необходимо использовать правило @font-face
. Вот пример кода:
@font-face {
font-family: 'MyCustomFont';
src: url('path/to/font.otf') format('opentype');
}
body {
font-family: 'MyCustomFont', sans-serif;
}
В данном примере мы создаем новое имя шрифта (MyCustomFont
) с помощью @font-face
и определяем его исходный путь файл относительно CSS-файла. Затем мы присваиваем этот шрифт элементу body
, указав его имя и альтернативный шрифт (sans-serif
) для случаев, когда шрифт не может быть загружен.
Не забудьте заменить 'path/to/font.otf'
на реальный путь к вашему otf файлу и настройте путь в соответствии с вашей структурой папок проекта.
1
0