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

Что можно настроить

Каждый текстовый элемент в Paywall Builder может иметь собственный шрифт и стиль. Настроить это можно в элементах управления шрифтами для каждого текстового блока:

В ряде случаев удобнее сменить шрифт сразу для всего пейвола. Это можно сделать в разделе Layout в Paywall Builder, настроив Paywall Font.

Шрифты, доступные по умолчанию

При создании пейвола в Builder Adapty по умолчанию использует системный шрифт — как правило, SF Pro на iOS и Roboto на Android, хотя это может варьироваться в зависимости от устройства. Также доступны часто используемые шрифты: Arial, Times New Roman, Courier New, Georgia, Palatino и Verdana. Каждый из них поддерживает несколько вариантов начертания:

Как добавить кастомный шрифт в дашборд Adapty

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

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

2. В окне Add Custom Font:
   1. Загрузите файл шрифта (максимальный размер: 10 МБ).
   2. Введите название для использования в Paywall Builder.
   3. Укажите правильные названия шрифта для обеих платформ.
   4. Убедитесь, что файл шрифта включён в бандл вашего приложения, если это ещё не сделано.

Как узнать правильное название шрифта на iOS

Есть два способа получить правильный идентификатор шрифта: первый требует небольшого кода, второй — использования приложения Font Book, доступного на macOS.

Если вы уже добавили кастомный шрифт в бандл своего приложения, скорее всего, вы уже обращаетесь к нему по названию. Чтобы проверить, вызовите UIFont.familyNames(), чтобы получить family name шрифта, а затем передайте его в UIFont.fontNames(forFamilyName: familyName). Это можно сделать в viewDidLoad, после чего удалить фрагмент кода:

override func viewDidLoad() {
    super.viewDidLoad()
  	...
  	for family in UIFont.familyNames.sorted() {
    		print("Family: \(family)")
	    	let names = UIFont.fontNames(forFamilyName: family)
    		for fontName in names {
        		print("- \(fontName)")
    		}
    }
}

Значение fontName из этого фрагмента — это то, что вам нужно. Оно может выглядеть примерно как «MyFont-Regular».

Второй способ проще: установите шрифт на Mac, откройте приложение Font Book, найдите нужный шрифт и используйте его PostScript name:

Как узнать правильное название шрифта на Android

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

Правильность имени файла можно проверить, вызвав ResourcesCompat.getFont(context, R.font.my_font), где my_font — используемое вами имя файла. Именно это значение — my_font — нужно указать при создании кастомного шрифта в Adapty.

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

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

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