この記事の要点

フォント形式: TrueType (.ttf) / OpenType (.otf) / Web Open Font Format (.woff/.woff2) WOFF2 は Web 配信の事実標準。Brotli 圧縮で .ttf の約 60% サイズ 可変フォント（Variable Font）は 1 ファイルでウェイト・幅・斜体を連続変化 商用フォントはライセンス必須。@font-face での Web 埋め込みは特に確認 macOS の .dfont や Adobe の .afm など歴史的形式も残る

このカテゴリについて

フォント形式は、文字の字形（グリフ）とメタ情報（ヒンティング、カーニング、合字、ウェイト等）を 1 ファイルにまとめたものです。種類は多くなく、現代では TTF / OTF（OS 用）と WOFF / WOFF2（Web 用）の 4 形式を押さえておけば実務で困ることはほぼありません。

WOFF2 は Brotli 圧縮を内蔵しており、TTF の約 60%、WOFF（1 世代前）の約 75% のサイズになります。すべてのモダンブラウザがサポートするため、@font-face の src は WOFF2 をメインに、フォールバックすら省略するのが現代の Web 制作の主流です。

フォントで扱う主な拡張子

拡張子	概要
.ttf	TrueType Font。Apple が開発し Microsoft にライセンス、最も普及
.otf	OpenType Font。TTF の拡張、CFF アウトラインも可
.woff	Web Open Font Format。zlib 圧縮
.woff2	WOFF2。Brotli 圧縮、Web 標準
.ttc	TrueType Collection。複数フォントを 1 ファイルに
.otc	OpenType Collection
.eot	Embedded OpenType。IE 用（現代は不要）
.dfont	macOS のリソースフォーク形式
.pfb / .pfm	PostScript Type 1（廃止予定、Adobe が 2023 にサポート終了）
.afm	Adobe Font Metrics（メトリクス情報のみ）
.bdf / .pcf	ビットマップフォント（X11 / 古い端末）

用途別の使い分け

目的	推奨形式
Web サイトに埋め込み	WOFF2（フォールバックに WOFF）
OS にインストール（Win/Mac/Linux）	TTF / OTF
Office・印刷	OTF（CFF アウトライン）
サイズ最小化したいアイコンフォント	WOFF2 + サブセット化
1 ファミリーで複数ウェイト統合	可変フォント（.ttf / .otf）

関連カテゴリ・記事

• ファイル拡張子とは（概論）
• Web・データ・設定 — @font-face の書き方