1. Подключение шрифта
Если шрифт доступен в виде файла (например, Molot.woff2), вы можете подключить его через CSS. Если он размещен на стороннем сервисе (например, Google Fonts), вы подключаете его через ссылку.
Вариант 1: Локальный файл
-
Сохраните файл шрифта
Molot.woff2в директорию, например,/fonts/. -
Добавьте шрифт в ваш CSS-файл:
css Скопировать
Закрыть блок
@font-face {
font-family: 'Molot';
src: url('/fonts/Molot.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
h1 {
font-family: 'Molot', sans-serif; /* 'sans-serif' будет запасным шрифтом */
}Вариант 2: Использование шрифта с сервера
Если шрифт размещен на сервере или в CDN:
- Подключите шрифт в “ вашего HTML:
html Скопировать
Закрыть блок
- В вашем CSS-файле:
css Скопировать
Закрыть блок
h1 {
font-family: 'Molot', sans-serif;
}2. Принудительное применение шрифта (главенство Molot)
Чтобы шрифт Molot имел высший приоритет, добавьте правило с !important в CSS:
css Скопировать
Закрыть блок
h1 {
font-family: 'Molot', sans-serif !important;
}Это правило перезапишет любые другие стили для тега `
`, даже если они уже определены.
Итоговый пример HTML + CSS
HTML:
html Скопировать
Закрыть блок
<!DOCTYPE html>
Шрифт Molot
<!-- Локальный или внешний файл шрифта -->
Заголовок с Molot
CSS:
css Скопировать
Закрыть блок
@font-face {
font-family: 'Molot';
src: url('/fonts/Molot.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
h1 {
font-family: 'Molot', sans-serif !important;
}Этот подход обеспечит правильное отображение шрифта Molot для всех “ на вашем сайте.
P.S. Править надо именно bitrix/templates/aspro-lite/css/custom.css
Ищете надежного партнера по веб-разработке и автоматизации? Мы помогаем бизнесу расти с помощью современных технологий, автоматизации процессов и экспертного SEO. Свяжитесь с нами, чтобы обсудить вашу задачу.
