Использование других шрифтов, которых нет в редакторе, возможно с помощью специального HTML-виджета.
Шрифт берется из Google шрифтов, где доступно много вариантов, или же вы можете указать ссылку на шрифт, размещенный на личном или другом хостинге.

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

Шаг 1. Поместите в область страницы, где должна быть форма, любой виджет. К примеру, текст. 

Шаг 2. Откройте окно импорта виджета:

Шаг 3. В поле внутри окна импорта вставьте код, скопированный из файла по ссылке. (тройной клик по тексту выделит весь код)  
Сохраните изменения.

Появится нужный виджет. В нем уже по умолчанию указано 2 шрифта для наглядности.

Шаг 4. Данный шаг будет отличаться в зависимости от того, используете вы шрифт с Google Fonts или же у вас есть файл со шрифтом.

➢Если шрифт с Google Fonts

Для установки шрифта скопируем в Google Fonts название из списка шрифтов.

Важно, чтобы шрифт был на том языке, на котором написан наш текст.
Если текст на русском, то в правой колонке настроек должно быть выбрано Cyrillic.

Скопированное название вставляем в настройках HTML-виджета, выбрав источник шрифта.

 

➢Если у вас есть файл со шрифтом:

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

Для установки необходимо указать прямую ссылку на шрифт в одном из поддерживаемых форматов.
Рекомендуемые форматы шрифта: ttf, woff или woff2.
Файл шрифта необходимо загрузить на хостинг, который предоставит прямую ссылку на файл. Это может быть ваш личный хостинг или любой бесплатный.
Пример хостинга: https://zaix.ru/
Важно: на хостинг из примера возможно загрузить шрифт только в формате ttf.
Если ваш шрифт в другом формате, просто переконвертируйте его с помощью одного из сервисов. Например: https://convertio.co/ru/otf-ttf/

Ссылку на шрифт вставляем в настройках HTML-виджета, выбрав источник шрифта:

Готово! Мы подключили сторонний шрифт. ✅

 
Шаг 5.При желании еще можно настроить применение установленного шрифта не только для текста внутри HTML-виджета, но и для другого текста на этой странице. 

Включаем нужную опцию в настройках HTML-виджета:

1. Все виджеты "Текст". Шрифт будет у всех виджетов "Текст"

2.  Заголовки. Шрифт будет у всех виджетов "Заголовок".

3. Секции и виджеты с классом extfont. У нужных виджетов и секций указываем класс extfont, чтобы применить его для этих элементов страницы.
❗ Шрифт отобразится только на опубликованной странице.
❗ Не работает для всплывающих окон, если класс указывается у кнопки или у секции, в которой находится кнопка с окном.

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

На вкладке "Прочие" доступны дополнительные настройки:

Насыщенность. Шрифт может быть жирнее или тоньше обычного начертания.
У всех шрифтов поддерживаются значения 400 (обычный вид шрифта) и 700 (жирный шрифт). Чем больше это значение, тем "толще" шрифт.
Если выбранное значение не поддерживается, то шрифт будет с ближайшим значением (400 или 700).
Запасной шрифт. Если ссылка на шрифт нерабочая или название шрифта некорректное, то будет использован этот шрифт

Важно: для корректной работы рекомендуется использовать только один такой виджет на странице.

Вы нашли ответ?