Один из признаков хорошего дизайна — единообразие визуального стиля. Поэтому при создании 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

Если стандартных шрифтов недостаточно, нужно добавить пользовательский. Нажмите «Add custom font» в любом выпадающем списке шрифтов — откроется следующий экран:

Вам нужно:

• Найти файл шрифта и загрузить его в эту форму
• Указать имя для ссылки на шрифт в Paywall Builder
• Указать корректные названия шрифта для обеих платформ
• Добавить файл шрифта в бандл приложения, если вы ещё этого не сделали

Получение корректного имени шрифта на iOS

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

Если вы уже добавили пользовательский шрифт в бандл приложения — скорее всего, вы уже ссылаетесь на него по имени. Чтобы убедиться в правильности имени, вызовите UIFont.familyNames() для получения семейства шрифта, а затем передайте результат в 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