Кастомные шрифты в Flow Builder

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

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

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

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

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

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

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

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

Выберите Upload new font в любом из выпадающих списков шрифтов.

В окне Add custom font заполните следующие поля:

Значения 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.

Нажмите Save font.

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

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

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

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

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

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

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

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

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

На iOS: в официальной документации Apple
На Android: в официальной документации Android