Здравствуйте, дорогие пользователи платформы LPgenerator!
Сегодня мы готовы порадовать вас хорошей новостью: в визуальный редактор платформы добавлен новый долгожданный виджет “Дополнительные шрифты”.
С помощью нового виджета вы сможете загрузить в текстовый редактор LPgenerator любой шрифт (или сразу несколько), представленный на ресурсе Google fonts.
Итак, расскажем как это сделать.
1) Зайдите на ресурс Google fonts.
2) Укажите в разделе “Script” нужный язык для того, чтобы выбрать подходящий шрифт.
Если планируете редактировать на странице кириллический текст, то выберите из выпадающего списка слева “Cyrillic” или “Cyrillic Exended”.
Обратите внимание: тип “Cyrillic Exended” содержит в себе больше символов, что немного увеличивает загрузку страниц.
3) Выберите нужный шрифт и нажмите кнопку справа от шрифта “Add to collection”. При необходимости можете добавить в коллекцию и другие шрифты из списка.
4) Добавленные шрифты отобразятся в вашей коллекции внизу. Для того, чтобы развернуть список, нажмите на кнопку “Collection”
Удалить ненужный шрифт из коллекции можно с помощью иконок крестиков справа
5) Нажмите кнопку “Use” справа.
6) В открывшемся окне настройте стили для каждого шрифта.
7)Помните:использование большого количества различных шрифтов Google Fonts может существенно замедлить загрузку вашей целевой страницы. Показатель влияния выбранных стилей на скорость загрузки страницы отображается справа.
8) Снимите галочки возле тех шрифтов или атрибутов, которые не будете использовать. Особое внимание обратите на выбранные языки:
9) В разделе “Standart” скопируйте ссылку:
10) Откройте целевую страницу в редакторе LPgenerator
11) Нажмите на иконку “Дополнительные шрифты” на панели виджетов слева:
12) В открывшемся окне, в поле “Введите url шрифта” вставьте скопированную строку
13) Подключенные шрифты отобразятся в поле “Названия шрифтов”
14) Сохраните настройки
15) С помощью инструмента “Текст” зайдите в текстовый редактор LPgenerator:
Или зайдите в редактор кликнув дважды по существующему на лендинге тексту.
16) В разделе "Шрифт" внизу выпадающего списка вы увидите добавленные дополнительные шрифты:
17) Отредактируйте текст по вашему вкусу и сохраните страницу.
Теперь отредактированный текст будет отображаться с новыми шрифтами и в редакторе.
Обратите внимание, пока что дополнительные шрифты действуют только для текста. Шрифт CTA кнопок вы можете отредактировать добавив css в расширенные свойства элемента. Как это сделать читайте, начиная с 9 пункта руководства.
Но обновление, в котором шрифты появятся и в редакторе кнопок, не заставит себя долго ждать. Следите за нашими новостями!
Хорошего дня и высоких конверсий!
Максим Гуйван,
руководитель службы технической поддержки LPgenerator