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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

бесплатный конструктор сайтов, лендингов и квизов
Документы:
Полезные ссылки:
Функциональность:
О компании:
при поддержке Фонда Развития Интернет Инициатив
бесплатный конструктор сайтов, лендингов и квизов
Бесплатный звонок по России