Тарифы
Войти
Зарегистрироваться
← Назад
Редактор

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

Сложность ∙ Легко
В этой инструкции мы расскажем, как подключить к сайту сторонний шрифт, которого нет в нашем редакторе.

Установка производится с помощью файлов формата TTF, WOFF или WOFF2.



Обратите внимание!

• Перед установкой шрифта на сайт, обязательно ознакомьтесь с его лицензией.
Если шрифт бесплатный (Open Font License) — его можно свободно добавить на сайт.
Если шрифт платный, то перед установкой вам необходимо приобрести Web-лицензию на его использование. При использовании платного шрифта без лицензии, владелец этого шрифта в праве потребовать оплату или удаление шрифта с сайта.

• Со временем тип лицензии может меняться.

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

Важный момент:
Чтобы все изменения появились на вашем сайте, необходимо нажать на кнопку "Опубликовать" в правом верхнем углу редактора:

Важный момент:
Чтобы все изменения появились
на вашем сайте, необходимо нажать
на кнопку "Опубликовать" в правом верхнем углу редактора:

Публикация изменений на сайте в mottor
Публикация изменений на сайте в mottor

Установка шрифта

• Перейдите в настройки сайта:

Как перейти в настройки сайта в mottor
Как перейти в настройки сайта в mottor

• Откройте категорию "Шрифты сайта", нажмите "Добавить шрифт":

Настройки сторонних шрифтов в mottor
Настройки сторонних шрифтов в mottor

• Укажите название шрифта, загрузите файл шрифта с вашего ПК:

Добавление новых шрифтов в mottor
Добавление новых шрифтов в mottor

Доступные форматы шрифтов: WOFF, WOFF2, TTF.


• В поле ниже появится список доступных начертаний, вы можете удалить в нем лишние пункты:

Ввод названия начертания шрифта в mottor
Ввод названия начертания шрифта в mottor

Важно!
В названии шрифта должно быть не более 40 символов.


• Для завершения установки, нажмите "Сохранить". Шрифт появится в настройках сайта:

Название стороннего шрифта в mottor
Название стороннего шрифта в mottor

Установка шрифта завершена, теперь вы сможете выбрать его в настройках блоков и секций в редакторе. Он будет находиться в самом начале списка, в разделе "Свои шрифты":

Выбор стороннего шрифта в редакторе сайта в mottor
Выбор стороннего шрифта в редакторе сайта в mottor

Использование вариативных шрифтов

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



• Импортируйте шрифт в настройках сайта, как показано выше в инструкции. При использовании вариативного шрифта, система покажет такое значение в поле "Начертание шрифта":

Вариативный шрифт в mottor
Вариативный шрифт в mottor

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

Настройки вариативного шрифта в настройках блока
Настройки вариативного шрифта в настройках блока

Важно!
Количество параметров для настройки будет зависеть от выбранного вами шрифта. Они заданы в настройках файла, который вы импортировали на сайт, а наш конструктор автоматически распознает их и добавит в настройки блоков/секций.



Состав и назначение полей может быть любым и зависит только от создателя выбранного вами шрифта.

Часто задаваемые вопросы
1. Можно ли использовать импортированные шрифты в качестве глобальных?

Да, после успешного импорта шрифт появится и в настройках глобальных шрифтов.

2. Почему я не могу поменять цвета для шрифта?

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

Итоги

Итак, в этой статье мы узнали, как можно подключить сторонний шрифт к сайту, которого нет в нашем редакторе.

Надеемся, вы примените эти знания при создании своего собственного сайта. Если что-то будет непонятно — в конструкторе сайтов mottor есть бесплатная техподдержка для всех пользователей. Вам поможет живой специалист:

— в чате на сайте lpmotor.ru
— по телефону 8 800 200 51 47 (звонки по РФ бесплатные)
— в Телеграм: https://t.me/lpmotorchat

Создать сайт с ИИ бесплатно

Не забудьте протестировать все возможности mottor прямо сейчас

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

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

Быстрый старт:

Премиум поддержка
Полезные материалы
Интеграции
Технологии
Шаблоны сайтов
Тарифы
Импорт из Figma
Сделано на mottor
Партнеры

Продукты:

Сайты + лендинги
Интернет-магазины
Квизы
Чат-боты
Автоворонки
Приложение
AI-агенты (n8n)
Партнерская программа
WhiteLabel

О нас:

О компании
Тур по сервису
Вакансии
Отзывы
Контакты

Шаблоны:

Популярные запросы:

Все шаблоны
Шаблон доставка еды
Шаблон строительство
Шаблон недвижимость
Шаблон онлайн-курс
Шаблон онлайн школа
Шаблон портфолио
Шаблон вебинар
Шаблон интернет-магазин мебели

ООО “ЛПМОТОР”, все данные защищены

Договор оферта
Согласие
Политика конфиденциальнсоти
Инструкция по установке
Бесплатный конструктор сайта
Одностраничный сайт
Конструктор интернет магазинов
Конструктор страниц
Конструктор сайта онлайн
Онлайн конструктор сайта бесплатно
Сайт конструктор бесплатно
Создать квиз
Конструктор создания сайтов
Создать сайт бесплатно конструктор
Многостраничный сайт
Создать бесплатно интернет магазин
Создать сайт онлайн бесплатно самому
Создать сайт конструктор

Стоимость:

Клиенты:

Материалы:

Обновления
Справочный центр
Бесплатный практикум
Mottor Campus

Подпишитесь на наши соцсети
и получайте кейсы, исследования и обновления первыми:

Бесплатный звонок по России

Бесплатный звонок по России

support@lpmotor.ru

support@lpmotor.ru

при поддержке Фонда Развития Интернет Инициатив