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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

Бесплатный конструктор сайта
Все шаблоны
Шаблон онлайн курса
Шаблон курс инвестиций
Шаблон доставка еды
Шаблон онлайн школы
Шаблон для портфолио
Шаблон лендинг для вебинаров
Шаблон интернет-магазин мебели
Одностраничный сайт
Многостраничный сайт
Создать сайт онлайн бесплатно самому
Создать квиз
Создать сайт бесплатно конструктор
Создать бесплатно интернет магазин
Создать сайт конструктор
Конструктор сайта онлайн
Онлайн конструктор сайта бесплатно
Конструктор интернет магазинов
Конструктор страниц
Сайт конструктор бесплатно
Конструктор создания сайтов
бесплатный конструктор сайтов, лендингов и квизов
Документы:
Полезные ссылки:
Функциональность:
Функциональность:
О компании:
при поддержке Фонда Развития Интернет Инициатив
бесплатный конструктор сайтов, лендингов и квизов
Бесплатный звонок по России
Шаблоны:
Популярные запросы:
support@lpmotor.ru
О компании и сервисе
Тур по сервису
Помощь
Договор-оферта
Партнёрская программа
Шаблоны
Видеоинструкции
Согласие
Тарифы и услуги
Обновления
Инструкции для пользователей
Политика конфиденциальности
Сделано на mottor
Техподдержка
Платная поддержка
Инструкция по установке