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

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

Аудит вашего сайта или консультация по редактору

Аудит вашего сайта или консультация по редактору

0₽

0₽

подключенного тарифа для конструктор сайтов

подключенного тарифа для конструктор сайтов

+4

+4

месяца

месяца

промокод на продвижение в сетях Яндекс

промокод на продвижение в сетях Яндекс

+12.000₽

+12.000₽

тарифа чат-ботов, автоворонок и мобильных приложений

тарифа чат-ботов, автоворонок и мобильных приложений

+3

+3

Бесплатный домен в зоне .ru/.рф

0₽

0₽

Бесплатный шаблон сайта под вашу сферу бизнеса

Бесплатный шаблон сайта под вашу сферу бизнеса

0₽

0₽

месяца

месяца

/год

/год

Забронировать предложение

Получите подарки от mottor при подключении тарифа

Получите подарки от mottor при подключении тарифа

спецпредложение

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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