Dynamic Type: що це, масштабування шрифтів в iOS

Що таке Dynamic Type?

Dynamic Type — технологія Apple, що дозволяє шрифтам додатку автоматично масштабуватися при зміні системного розміру тексту. Користувач задає бажаний розмір у Налаштуваннях → Універсальний доступ → Дисплей і розмір тексту, і всі додатки, що підтримують Dynamic Type, адаптують кегль без перезапуску.

Система пропонує 11 ступенів масштабування: від XS (14pt базовий) до XXXL (23pt базовий), а також 5 додаткових accessibility-розмірів (AX1–AX5) для користувачів із вираженими порушеннями зору. При зміні розміру iOS генерує сповіщення UIContentSizeCategory.didChangeNotification, і додаток зобов'язаний перечитати шрифти через UIFontMetrics. За даними Apple Human Interface Guidelines, Dynamic Type не змінює міжрядковий інтервал та пропорції літер — тільки кегль, що зберігає читабельність на всіх розмірах.

Dynamic Type обов'язковий для додатків, що претендують на статус доступних (accessibility). У WWDC 2024 Apple оголосила, що додатки без підтримки динамічного типу ризикують отримати відмову при рев'ю, якщо їх основна функціональність пов'язана з читанням тексту. У проектах IT Sectr ми впроваджуємо Dynamic Type з першої версії — це економить до 20% часу на подальшу адаптацію під accessibility.

Текстові стилі iOS: від largeTitle до caption2

Apple надає 11 попередньо визначених текстових стилів, кожен з яких відображається через UIFontDescriptor.UIAttributes для системного шрифту SF Pro. Розробник не задає піксельний розмір — він обирає семантичний стиль, а iOS застосовує актуальний кегль залежно від налаштувань користувача.

Кожен стиль використовує системний шрифт SF Pro з фіксованим накресленням (Regular для body, Bold для headline). Кастомні шрифти підключаються через UIFontMetrics — єдиний коректний спосіб адаптувати сторонній шрифт під динамічний тип.

UIFontMetrics: адаптація кастомних шрифтів

UIFontMetrics — клас, введений в iOS 11, який масштабує довільний UIFont пропорційно до вибраного текстового стилю. До iOS 11 розробники використовували прямий виклик preferredFontForTextStyle, який повертає тільки системний шрифт SF Pro. UIFontMetrics вирішує цю проблему: він приймає будь-який шрифт і повертає його масштабовану версію, зберігаючи накреслення та пропорції.

Метод scaledFont(for:) обчислює коефіцієнт масштабування на основі поточного розміру тексту користувача: якщо вибрано розмір «Великий» (Large), коефіцієнт дорівнює 1.0; якщо «Дуже великий» (AX1) — приблизно 1.3; для «Максимальний» (AX5) — до 1.8. Коефіцієнт застосовується до базового розміру кастомного шрифту, а не до системного — це гарантує, що дизайнерський задум зберігається на всіх розмірах.

UIFontMetrics рекомендується використовувати для всіх кастомних шрифтів у додатку. У WWDC 2024 Apple показала інструмент Accessibility Inspector, який перевіряє підтримку Dynamic Type та підсвічує елементи, що використовують фіксований кегль замість UIFontMetrics. В IT Sectr ми впровадили UIFontMetrics у всі проекти з 2018 року — це скоротило кількість багів з перекриттям тексту на 35%.

Приклади коду на Swift

Приклад 1: Системний шрифт через preferredFontForTextStyle

Найпростіший спосіб отримати динамічний шрифт для мітки. Код показує, як задати UILabel зі стилем .body, який автоматично реагує на зміну системного розміру тексту.

import UIKit

class GreetingViewController: UIViewController {

    private let label: UILabel = {
        let l = UILabel()
        l.text = "Hello, Dynamic Type!"
        l.font = UIFont.preferredFont(forTextStyle: .body)
        l.adjustsFontForContentSizeCategory = true
        l.translatesAutoresizingMaskIntoConstraints = false
        return l
    }()

    override func viewDidLoad() {
        super.viewDidLoad()
        view.addSubview(label)
        NSLayoutConstraint.activate([
            label.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            label.centerYAnchor.constraint(equalTo: view.centerYAnchor),
        ])
    }
}

Флаг adjustsFontForContentSizeCategory = true автоматично оновлює шрифт при зміні системного розміру тексту — без цього флагу Dynamic Type не спрацює для існуючої мітки. При зміні розміру iOS викликає layoutIfNeeded, і мітка оновлює шрифт без ручного втручання.

Приклад 2: Кастомний шрифт через UIFontMetrics

При використанні кастомного шрифту (наприклад, Montserrat) виклик preferredFontForTextStyle поверне SF Pro, а не ваш шрифт. UIFontMetrics масштабує саме кастомний шрифт, зберігаючи його дизайн.

import UIKit

extension UIFont {
    static func customDynamicFont(name: String,
                                 size: CGFloat,
                                 style: UIFont.TextStyle) -> UIFont {
        guard let baseFont = UIFont(name: name, size: size) else {
            return .preferredFont(forTextStyle: style)
        }
        return UIFontMetrics(forTextStyle: style).scaledFont(for: baseFont)
    }
}

let titleFont = UIFont.customDynamicFont(
    name: "Montserrat-Bold",
    size: 20,
    style: .title3
)

Метод scaledFont(for:) приймає базовий UIFont і повертає масштабовану версію, пропорційну стилю .title3. При accessibility-розмірі AX5 шрифт Montserrat-Bold 20pt перетвориться на ~36pt — рівно настільки, наскільки збільшився б системний шрифт цього стилю. В IT Sectr ми використовуємо цей паттерн у всіх проектах з кастомними шрифтами з 2018 року, що повністю виключило скарги на дрібний текст від користувачів з обмеженнями зору.

Приклад 3: Підписка на зміну розміру

Якщо ви оновлюєте шрифт вручну (без adjustsFontForContentSizeCategory), підпишіться на сповіщення UIContentSizeCategory.didChangeNotification. Це необхідно для кастомних UI-елементів, які не успадковують автоматичне оновлення шрифту.

import UIKit

class DynamicLabel: UILabel {

    private var customFont: UIFont?
    private var textStyle: UIFont.TextStyle = .body

    func configure(font: UIFont, style: UIFont.TextStyle) {
        customFont = font
        textStyle = style
        NotificationCenter.default.addObserver(
            self,
            selector: #selector(updateFont),
            name: UIContentSizeCategory.didChangeNotification,
            object: nil
        )
        updateFont()
    }

    @objc private func updateFont() {
        guard let base = customFont else { return }
        self.font = UIFontMetrics(forTextStyle: textStyle).scaledFont(for: base)
    }

    deinit {
        NotificationCenter.default.removeObserver(self)
    }
}

Підписка на didChangeNotification гарантує, що кастомний елемент оновить шрифт при будь-якій зміні системних налаштувань без перезапуску додатку. Починаючи з iOS 15, сповіщення приходить навіть при зміні розміру тексту через Control Center у додатках, що підтримують Live Text Size.