Пользовательские шрифты во Flow Builder

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

Все флоу одного приложения используют загруженные вами шрифты. Это касается и флоу, которые вы копируете. В других приложениях вашего аккаунта Adapty шрифты нужно загружать отдельно.

Tip

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

Встроенные шрифты

Когда вы создаёте флоу в Builder, Adapty по умолчанию использует системный шрифт. Как правило, это SF Pro на iOS и Roboto на Android, хотя конкретный шрифт зависит от устройства. Также можно выбрать один из распространённых шрифтов: Arial, Times New Roman, Courier New, Georgia и Helvetica. Для каждого из них доступно несколько вариантов начертания. Эти шрифты не входят в состав SDK Adapty и используются только для предварительного просмотра. Мы не можем гарантировать их корректную работу на всех устройствах. Тем не менее, по результатам нашего тестирования, большинство устройств распознают эти шрифты без каких-либо дополнительных настроек. Вы также можете ознакомиться со шрифтами, доступными на iOS по умолчанию.

Встроенные шрифты

Добавление пользовательского шрифта

Warning

Загружаемый файл используется только для предварительного просмотра в редакторе — Adapty не передаёт его на устройства пользователей. Чтобы шрифт отображался на устройстве, включите файл в бандл приложения. Без этого SDK во время выполнения заменит шрифт на SF Pro (iOS) или Roboto (Android).

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

Чтобы добавить пользовательский шрифт: 0. Если шрифт вариативный, разделите его на файлы с одним стилем и уникальными именами. Элементы управления жирностью, полужирным и курсивом не применяются к пользовательским шрифтам. Adapty регистрирует только один стиль на файл пользовательского шрифта. Чтобы стилизовать текст, переключите шрифт на нужный вариант.

  1. Выберите Upload new font в любом из выпадающих списков шрифтов.
Добавить пользовательский шрифт
  1. В окне Add custom font заполните следующие поля:
Warning

Значения Font name in Builder, iOS font name и Android font name должны быть уникальными среди всех файлов пользовательских шрифтов в приложении.

  • Font name in Builder: Введите отображаемое имя шрифта. Оно будет появляться в выпадающих списках шрифтов по всему Builder.
    • iOS font name: Введите PostScript-имя шрифта. Его можно найти в Font Book → PostScript name или через UIFont API.
    • Android font name: Введите имя файла из res/font/. Используйте только строчные буквы, цифры и символы подчёркивания.
    • Font file: Перетащите файл шрифта или нажмите Select files. Поддерживаемые форматы: .ttf, .otf, .woff, .woff2.
  1. Нажмите Save font.
Add custom font window

Загружая файл шрифта в Adapty, вы подтверждаете, что имеете право использовать его в своём приложении.

Удаление пользовательского шрифта

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

Пользовательские шрифты в шаблонах флоу

Библиотека шаблонов флоу включает шаблоны с пользовательскими шрифтами. Наведите курсор на чип Custom font на карточке шаблона, чтобы увидеть, какие шрифты в нём используются.

Adapty не включает эти шрифты в поставку. Вам нужно найти их самостоятельно, ориентируясь на названия шрифтов, указанные в чипе. Некоторые шрифты могут требовать коммерческой лицензии.

Когда файлы шрифтов готовы, следуйте инструкции по подключению ниже.

Добавьте файлы шрифтов в бандл вашего приложения

Если вы уже используете кастомный шрифт в других местах приложения, просто добавьте шрифты для пейвола таким же способом. Если нет — убедитесь, что файл шрифта включён в проект и бандл приложения. Как это сделать: