Dynamic Type: 무엇인가, iOS의 글꼴 크기 조정

Dynamic Type이란?

Dynamic Type은 시스템 텍스트 크기가 변경될 때 앱 글꼴이 자동으로 조정되도록 하는 Apple 기술입니다. 사용자는 설정 → 손쉬운 사용 → 디스플레이 및 텍스트 크기에서 선호하는 크기를 설정하고, Dynamic Type을 지원하는 모든 앱은 재시작 없이 글꼴 크기를 조정합니다.

시스템은 11단계의 크기 조정 레벨을 제공합니다: XS(14pt 기준)부터 XXXL(23pt 기준)까지, 그리고 심각한 시각 장애가 있는 사용자를 위한 5개의 추가 접근성 크기(AX1–AX5)가 있습니다. 크기가 변경되면 iOS는 UIContentSizeCategory.didChangeNotification을 생성하고, 앱은 UIFontMetrics를 통해 글꼴을 다시 로드해야 합니다. Apple Human Interface Guidelines에 따르면 Dynamic Type은 줄 간격이나 문자 비율을 변경하지 않고 글꼴 크기만 변경하여 모든 크기에서 가독성을 유지합니다.

Dynamic Type은 접근성 상태를 목표로 하는 앱에 필수입니다. WWDC 2024에서 Apple은 다이내믹 타입을 지원하지 않는 앱이 핵심 기능이 텍스트 읽기와 관련된 경우 리뷰에서 거부될 위험이 있다고 발표했습니다. IT Sectr 프로젝트에서는 첫 번째 버전부터 Dynamic Type을 구현합니다 — 이는 이후 접근성 적응에 소요되는 시간을 최대 20% 절약합니다.

iOS 텍스트 스타일: largeTitle부터 caption2까지

Apple은 시스템 글꼴 SF Pro를 위해 UIFontDescriptor.UIAttributes를 통해 11개의 사전 정의된 텍스트 스타일을 제공합니다. 개발자는 픽셀 크기를 지정하지 않고 의미론적 스타일을 선택하며, iOS는 사용자 설정에 따라 실제 글꼴 크기를 적용합니다.

각 스타일은 고정된 두께로 시스템 글꼴 SF Pro를 사용합니다(body는 Regular, headline은 Bold). 사용자 정의 글꼴은 UIFontMetrics를 통해 연결됩니다 — 타사 글꼴을 다이내믹 타입에 적용하는 유일한 올바른 방법입니다.

UIFontMetrics: 사용자 정의 글꼴 적용

UIFontMetrics는 iOS 11에서 도입된 클래스로, 선택한 텍스트 스타일에 비례하여 임의의 UIFont를 조정합니다. iOS 11 이전에는 개발자가 preferredFontForTextStyle을 직접 호출했으며, 이는 시스템 글꼴 SF Pro만 반환합니다. UIFontMetrics는 이 문제를 해결합니다: 모든 글꼴을 받아 두께와 비율을 유지한 조정된 버전을 반환합니다.

scaledFont(for:) 메서드는 사용자의 현재 텍스트 크기에 따라 조정 계수를 계산합니다: 크게가 선택된 경우 계수는 1.0, 매우 크게(AX1)의 경우 약 1.3, 최대(AX5)의 경우 최대 1.8입니다. 계수는 시스템이 아닌 사용자 정의 글꼴의 기준 크기에 적용됩니다 — 이는 모든 크기에서 디자이너의 의도가 유지되도록 보장합니다.

UIFontMetrics는 앱의 모든 사용자 정의 글꼴에 권장됩니다. WWDC 2024에서 Apple은 Accessibility Inspector 도구를 선보였는데, 이는 Dynamic Type 지원을 확인하고 UIFontMetrics 대신 고정 글꼴 크기를 사용하는 요소를 강조 표시합니다. IT Sectr에서는 2018년부터 모든 프로젝트에서 UIFontMetrics를 구현했습니다 — 이로 인해 텍스트 겹침 버그가 35% 감소했습니다.

Swift 코드 예제

예제 1: preferredFontForTextStyle을 통한 시스템 글꼴

레이블에 동적 글꼴을 얻는 가장 간단한 방법입니다. 코드는 시스템 텍스트 크기 변경에 자동으로 반응하는 .body 스타일의 UILabel 설정 방법을 보여줍니다.

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 스타일에 비례하여 조정된 버전을 반환합니다. 접근성 크기 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부터는 Live Text Size를 지원하는 앱에서 제어 센터를 통해 텍스트 크기를 변경해도 알림이 도착합니다.