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

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

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

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

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

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

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

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

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

  1. Выберите Upload new font в любом из выпадающих списков шрифтов.
Add custom font
  1. В окне Add custom font заполните следующие поля:
  • 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

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

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

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

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

При скачивании архива со шрифтами вы получите все варианты начертаний. Добавляйте в бандл приложения только те файлы шрифтов, которые реально используются в вашем пейволе, — это уменьшит размер приложения. Например, если в пейволе используется только OpenSans-Regular.ttf, не включайте OpenSans-Bold.ttf в бандл приложения.