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. Свяжитесь с нами, чтобы обсудить вашу задачу.

---

Automata может помочь:

• Миграция сайта на современный стек без потери SEO
• Тарифы поддержки и разработки