Как подключить шрифт?

Время выполнения: 5 минут

На данный момент на конструкторе пока не реализован удобный и понятный способ добавления своих шрифтов. Но есть одна хитрость, с помощью которой некоторые блоки все таки можно стилизовать.

Для примера, подключим шрифт от гугла.

Переходим по ссылке www.google.com/fonts.

Выбираем нужный шрифт и кликаем по нему. Откроются варианты стиля этого шрифта, выберите подходящий и нажмите Select this style.
После чего в появившемся окне, во вкладке Embed можно будет получить код выбранного шрифта.

Здесь есть 2 кода:

Код 1 - Код для вставки в настройки сайта
Код 2 - Код для вставки в редакторе сайта

Теперь вставляем этот код на Ваш сайт. Заходим в общие настройки сайта, и находим поле "Вставка в тэг head".

В него размещаем код 1 с сайта google.

Теперь переходим в редактор сайта. Создаём или выбираем уже готовый текстовый блок.

Нажимаем по блоку правой кнопкой мыши → настроить CSS

В открывшемся окне вам нужно будет добавить код 2, который получили из Google Fonts, вот в таком формате:

p {
*КОД 2* !important;
}


ВАЖНО! Для того, чтобы код работал правильно, вам нужно убрать в изначальном коде точку с запятой в конце. Выглядеть код в итоге будет примерно вот так:

После этих операций на нашем лендинге выбранный текст будет отображаться с использованием нового шрифта.

конструктор сайтов
О компании:
Функциональность:
Полезные ссылки:
Документы:
mottor — это бесплатный конструктор сайтов и лендингов. Создайте сайт, лендинг или интернет-магазин без знаний программирования и дизайна. Весь функционал mottor доступен сразу, поэтому вы можете создать лендинг бесплатно и воспользоваться встроенными функциями mottor: А/Б-тестами, CRM-системой, десятками интеграций со сторонними сервисами.
При поддержке Фонда
Развития Интернет Инициатив
*Настоящая информация о тарифах не является офертой, публичной офертой и предоставляется исключительно в информационно-ознакомительных целях.
Бесплатный звонок по России