コンテンツへ移動
+

フォントサブセット

プロジェクトで実際に必要なグリフだけを残し、フォントファイルを小さくします。

サブセット作成はWebFontの重要な機能の1つです。大きなCJKフォント、多言語UIフォント、限られた文字だけを使う製品UIでは、Webフォントの容量を大きく削減できます。

作成できるもの

  • 小さくしたTTF/OTF（元のアウトライン）、WOFF、WOFF2
  • 限定した文字セット向けのブラウザ対応Webフォント
  • 選択グリフ、入力テキスト、インポートした.txt、Unicodeプリセット、絞り込んだグリフ範囲に基づくサブセット
  • TrueType、CFF/CFF2、可変フォント、カラーフォント（選択したTTC/OTCフェイスを含む）からのサブセット

ソースモード

現在の選択

グリフブラウザーで検索・絞り込みを行い、残したいグリフを選びます。アイコン風のセット、UI記号、厳選したグリフ範囲に適しています。

テキスト入力

プロジェクトで使う正確なテキストを貼り付けるか、.txtファイルをインポートします。WebFontは読み込んだフォントのUnicode文字と照合し、テキストからサブセットを作成します。

Unicodeプリセットと絞り込み

General、日本語、韓国語など、一般的な制作目的に使えるUnicodeベースのフィルターを搭載しています。グリフブラウザーでブロック単位の絞り込みを使い、大きなフォントを狭めてからサブセットを作ることもできます。

出力形式

次の形式を任意に組み合わせて選択できます。

  • TTF / OTF (original outlines)
  • WOFF
  • WOFF2

TTF/OTF (original outlines)は元のアウトライン形式を保ちます（TrueType → .ttf、CFF/CFF2 → .otf）。通常、Web配信にはWOFF2が最適です。WOFFは互換性を広くしたい場合、デスクトップ用アウトラインは編集可能なフォントやアプリに埋め込むフォントが必要な場合に便利です。

静的インスタンス

可変フォントでは、ExportパネルにVariable Fontセクションが表示されます。

  • Keep all axes：可変フォントを書き出し、対応するWebデモでは軸を操作できるままにします。
  • Static instance：スライダー、数値入力、リセット、ライブテキストプレビューが表示され、現在の軸値がFont SubsetとWeb Packageの出力に焼き込まれます。未指定の軸は既定値に固定され、フォント内部の名前やウェイト／スタイルのメタデータは書き換えられません。グリフ素材の書き出しは変わりません。

OpenTypeの制御

目的に応じて、OpenTypeのレイアウトデータを保持したり減らしたりできます。

  • すべてのレイアウト機能を保持
  • 必須の位置調整だけを保持
  • レイアウトテーブルを削除
  • 選択したOpenType機能タグを保持・削除

シェーピング、リガチャ、マーク、位置調整に依存するスクリプトでは、保守的な設定を使ってください。

プレビューと検証

エクスポート前に、グリフ数、推定出力サイズ、欠落文字数などのサブセットメトリクスを表示します。

生成物はパーサー互換性、必須テーブル、cmapの範囲、Unicodeの重複マッピング、WOFF/WOFF2の往復変換について検証されます。

ベストプラクティス

  • 実際のUI文、ランディングページ、固定の製品文にはテキスト入力を使う。
  • 手動で厳選する場合や記号中心のフォントには現在の選択を使う。
  • 複雑なスクリプトをサブセット化するときはレイアウト機能を保持する。
  • 実際に使うページやアプリで出力サブセットをテストする。
  • 後で再生成できるよう、元のフルフォントを別に保存する。

現在の制限

  • サブセット生成は一度に1つのソースフォント、または選択した1つのTTC/OTCフェイスに対応します。
  • サブセット出力は元のアウトライン形式を保ちます（TrueType → .ttf、CFF/CFF2 → .otf）。WOFFとWOFF2はWebフォントコンテナです。
  • 欠落文字は報告しますが、ソースフォントにないグリフを自動生成することはありません。