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を使用します（本文はRegular、見出しはBold）。カスタムフォントはUIFontMetricsを介して接続します — サードパーティフォントをダイナミックタイプに適応させる唯一の正しい方法です。

UIFontMetrics：カスタムフォントの適応

UIFontMetricsはiOS 11で導入されたクラスで、任意のUIFontを選択したテキストスタイルに比例してスケーリングします。iOS 11より前は、開発者はpreferredFontForTextStyleを直接呼び出していましたが、これはシステムフォントSF Proのみを返します。UIFontMetricsはこの問題を解決します：任意のフォントを受け取り、ウェイトとプロポーションを保持したスケーリングバージョンを返します。

scaledFont(for:)メソッドは、ユーザーの現在のテキストサイズに基づいてスケーリング係数を計算します：Largeが選択されている場合、係数は1.0；Very Large（AX1）の場合は約1.3；Maximum（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をサポートするアプリでコントロールセンターからテキストサイズを変更した場合でも通知が届きます。