Пользовательские шрифты: как добавить в проект

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

Видео: Как добавить свой шрифт в Taptop

https://vk.com/video-219751701_456239180

VK Видео | YouTube

Основные правила работы со шрифтами

1. Пользовательские шрифты доступны только на платных тарифах Business и Team.

2. Перед тем, как загружать шрифт, прочитайте его лицензионное соглашение и убедитесь, что у вас есть разрешение на его использование. За лицензию отвечает владелец сайта.

3. Допустимые форматы шрифтов:

• ttf — TrueType Font
• otf — OpenType Font
• woff, woff2 — Web Open Font Format
• eot — Embedded OpenType
• svg — шрифты SVG

4. Одновременно можно загрузить только один файл шрифта. Если у шрифта несколько типов (начертаний), нужно загрузить каждый отдельно. Например, если вам нужны два начертания шрифта — Regular и Bold, необходимо повторить шаги по загрузке шрифта для каждого из них.

Как загрузить пользовательский шрифт в проект

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

Выбрав элемент на холсте, выполните следующие шаги:

1. На панели Дизайн (Design) в разделе Текст (Text) откройте выпадающий список со шрифтами.

2. Кликните на вкладку Пользовательский (Custom).

3. На вкладке Пользовательский вы можете добавить шрифт в проект, нажав кнопку Загрузить (Upload).

4. Выберите нужный шрифт и нажмите кнопку Открыть.

5. В открывшемся поп-апе выберите параметры шрифта. Эта информация позволит в дальнейшем опознать шрифт при поиске его в списке.

• Семейство шрифтов (Font family) — вы можете оставить название, сформированное из имени файла, или изменить его по вашему желанию.

• Насыщенность шрифта (Font weight) — выберите соответствующий вашему шрифту вариант:

• 100 (тонкий)

• 200 (экстра легкий)

• 300 (легкий)

• 400 (нормально)

• 500 (средний)

• 600 (полужирный)

• 700 (жирный)

• 800 (очень жирный)

• 900 (черный)

• Стиль шрифта (Style):

• Normal (обычный)
• Italic (курсив)

• Параметр «Шрифт поддерживает кириллицу» (The font supports cyrillic) — можно указать, имеет ли шрифт кириллическое начертание. При включенном параметре шрифт будет помечен меткой «К» в списке шрифтов.

6. Нажмите кнопку Загрузить (Upload). Шрифт будет добавлен в список пользовательских шрифтов.

Применение пользовательского шрифта к элементам

Вы можете применить загруженный пользовательский шрифт к любому элементу, для которого доступен выбор настроек текста — например, к текстовому элементу, div-блоку или секции.

1. Выбор шрифта

Выберите на холсте элемент, к которому хотите применить шрифт. Откройте список пользовательских шрифтов на вкладке Дизайн (Design) в разделе Текст (Text) и выберите нужный шрифт.

2. Выбор начертания

Кликните в настройках текста на поле Начертание (Font weight) и выберите нужный вариант из списка. В нем будут отображаться все загруженные ранее начертания шрифта.

Применение пользовательского шрифта для части текста в блоке

Если вы хотите стилизовать не весь текст, а отдельные слова или словосочетания, нужно использовать дополнительные стили текста.

Для этого выделите нужную часть текста — на правой панели откроются настройки Встроенного текста (Inline text).

Далее откройте опцию выбора шрифта, перейдите на вкладку Пользовательский и выберите загруженный шрифт.

В опциях Встроенного текста вы также можете изменить начертание шрифта, его размер и цвет.