FORMAT COMPARISON
TTF vs WOFF2
TTFはデスクトップやアプリへのインストールで使われるTrueTypeフォント形式です。WOFF2はWeb配信向けに圧縮したフォント形式です。利用場所とライセンスに合わせて選びます。
TTFとWOFF2、どちらを選ぶ？
PCやデザインソフトへインストールするフォントとして配布するならTTFが候補です。Webサイトで使う場合は通常WOFF2を用い、ブラウザ対応、サブセットや文字範囲、CORS設定、フォントライセンスを確認します。
TTF向き
デスクトップフォント・アプリケーション用フォント
- 対応OSやアプリへインストールするフォント
- TrueType対応環境
WOFF2向き
Webフォント
- Web配信のフォント
基本情報を比較
TTFとWOFF2の主な違いを確認できます。
| 項目 | TTF | WOFF2 |
|---|---|---|
| 拡張子 | .ttf | .woff2 |
| MIME Type | font/ttf | font/woff2 |
| 主な用途 | デスクトップフォント・アプリケーション用フォント | Webフォント |
| 圧縮 | 該当なし | 可逆圧縮 |
| 開く方法 | 対応OSやフォント管理アプリ、デザインソフトで確認します。 | WebブラウザでCSSから読み込みます。内容確認には対応するフォントツールを使います。 |
| 書き出し・変換 | Web用にはWOFF2へ変換することがあります。利用許諾と字形の表示を確認します。 | TTFやOTFから変換ツールで生成します。変換後もライセンス、文字セット、表示を確認します。 |
用途別の選び方
作りたいものや使う場面から選べます。
対応OSやアプリへインストールするフォント
デスクトップフォント・アプリケーション用フォント
TTF向きTrueType対応環境
デスクトップフォント・アプリケーション用フォント
TTF向きWeb配信のフォント
Webフォント
WOFF2向き確認ポイント 1
TTFはTrueTypeアウトラインを含むフォントファイルで、OSやアプリへインストールして使われます。
使い分け確認ポイント 2
WOFF2はWebフォント配信向けの圧縮形式で、ブラウザから参照して使うことを想定しています。
使い分け選ぶ理由を詳しく
- 変換後も文字セットや表示品質、埋め込み・再配布ライセンスが保たれるか確認し、元フォントを別に保管します。