TTF、OTF、WOFF2 フォントフォーマットの比較とシナリオ別選択ガイド

TrueType（略称TTF）はフォントアウトラインの記述に2次ベジェ曲線を使用します。単一のアウトラインセグメントで滑らかな曲線を描画するために、より多くの制御点が必要になります。このアウトラインの仕組みは1980年代から使用されており、ほとんどのデスクトップ組版ソフトウェアと互換性があります。

OpenType（略称OTF）はアウトラインの記述に3次ベジェ曲線に対応しています。単一の滑らかな曲線に必要な制御点が少なく、曲線間の移行がより自然で、印刷出力の精度が高くなります。OpenTypeは1996年にAdobeとMicrosoftが共同で発表し、TTFの2次曲線仕様とも互換性があります。

ウェブフォントフォーマットであるWOFF2は、Brotli圧縮アルゴリズムを基に実装されています。従来のWOFFフォーマットが使用するDEFLATE圧縮と比較すると、ファイルサイズを約30%削減できます。ファイルサイズが小さいと、ウェブ読み込み時の帯域幅使用量が低下し、初回コンテンツ表示時間が短縮されます。

WOFFフォーマットは2009年にW3Cから公開され、WOFF2は2012年にローンチされました。現在の主要なグローバルブラウザ（Chrome、Firefox、Edge、Safari 10以上）はすべてネイティブサポートを提供しており、追加の互換性処理は必要ありません。

フロントエンド開発者がウェブフォントを埋め込む際は、一般的なフォーマットスタックのルールに従い、最初にWOFF2を宣言し、次にフォールバックとしてWOFFを宣言します。この設定でアクティブなデスクトップおよびモバイルブラウザの99%以上をカバーでき、ほとんどの本番環境シナリオの要件を満たします。

古いバージョンのInternet ExplorerはEOTフォーマットのみをサポートしています。現在のアクティブなIE利用者のシェアは1%未満であるため、ほとんどのシナリオでこのフォーマットへの互換性対応は不要になりました。古いiOSデバイスとの互換性が必要な場合は、追加で最終的なフォールバックレイヤーとしてTTFフォーマットを追加できます。

可変フォントはOpenType 1.8仕様に基づいて開発されています。単一のフォントファイルで複数のウェイト、幅、光学サイズのバリエーション空間を保持できます。デザイナーや開発者はパラメータを調整して要件に合ったフォントスタイルを得ることができ、複数ファイルの読み込みサイズを削減できます。

OpenTypeは標準合字、任意合字、スモールキャップなどの複数の組版機能にも対応しています。これらの機能は組版時に必要に応じて有効化でき、テキストの可読性と視覚的な美しさを向上させます。InDesignやIllustratorなどのデスクトップ組版ソフトウェアはいずれもこれらの機能を有効化することに対応しています。

異なるフォントフォーマット間で変換を行う場合、フォントのアウトラインデータは変更されません。最終的に表示されるグリフの形状が変わることはなく、大きなサイズでの印刷や表示効果に影響を与えません。

フォント内のヒンティング情報（画面上の小さいテキストサイズ向けの最適化情報）は、異なるフォーマット間の変換時に変化する可能性があります。低解像度画面に表示される小さいサイズのテキストには、表示上の微妙な差異が生じる可能性があります。OKfmtはマルチフォーマット対応のフォント変換ツールを提供しており、その変換ルールはオープンソース変換ライブラリの標準ロジックに準拠しています。