---
title: "Кастомные шрифты в Flow Builder"
description: "Загружайте и используйте кастомные шрифты в Flow Builder."
---

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

:::tip
[Настройте шрифты](onboarding-text) на панели **Styles** перед тем, как приступать к дизайну флоу. Тогда все изменения будут применяться глобально.
:::
## Встроенные шрифты \{#built-in-fonts\}

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

## Добавление пользовательского шрифта \{#add-a-custom-font\}

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

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

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

2. В окне **Add custom font** заполните следующие поля:
- **Font name in Builder**: Введите отображаемое имя шрифта. Оно будет появляться в выпадающих списках шрифтов по всему Builder.
   - **iOS font name**: Введите PostScript-имя шрифта. Его можно найти в Font Book → PostScript name или через [`UIFont` API](https://developer.apple.com/documentation/uikit/uifont).
   - **Android font name**: Введите имя файла из `res/font/`. Используйте только строчные буквы, цифры и символы подчёркивания.
   - **Font file**: Перетащите файл шрифта или нажмите **Select files**. Поддерживаемые форматы: `.ttf`, `.otf`, `.woff`, `.woff2`.

3. Нажмите **Save font**.

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

Загружая файл шрифта в Adapty, вы подтверждаете, что имеете право использовать его в своём приложении.
## Добавьте файлы шрифтов в бандл приложения \{#add-the-font-files-to-your-apps-bundle\}

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

- На iOS: [в официальной документации Apple](https://developer.apple.com/documentation/uikit/adding-a-custom-font-to-your-app)
- На Android: [в официальной документации Android](https://developer.android.com/develop/ui/views/text-and-emoji/fonts-in-xml)
:::important
При скачивании архива со шрифтами вы получите все варианты начертаний. Добавляйте в бандл приложения только те файлы шрифтов, которые реально используются в вашем пейволе, — это уменьшит размер приложения. Например, если в пейволе используется только `OpenSans-Regular.ttf`, не включайте `OpenSans-Bold.ttf` в бандл приложения.
:::