フォントサブセッター

現代のフォントファイル（OTF、TTF、WOFF、WOFF2）は文字の形以上のものを含みます。一般的なラテンフォントには大文字、小文字、数字、句読点、アクセント文字、リガチャ、代替グリフ、カーニングペア、OpenType機能が含まれます。包括的なフォントファミリーには1,000以上のグリフが含まれることがあります。英語テキストのみを表示するWebサイトでフォントを使用する場合、フォントの90%のデータを未使用で配信しています。

フォントサブセットは必要なグリフのみを抽出することでこれを解決します。英語のみのWebサイトの場合、95個の印刷可能ASCII文字のみが必要な場合があり、フォントを500 KBから20-50 KBに削減します。サブセットツールはopentype.jsを使用してフォントのバイナリ構造を解析し、指定されたグリフと関連メトリクスを抽出し、それらのグリフのみで有効なフォントファイルを再構築します。

WOFF2形式はサブセット化に加えて追加の圧縮を提供します。WOFF2はBrotli圧縮を使用し、WOFFより20-40%小さいファイルを実現します。最適なアプローチはフォントを必要なグリフにサブセット化し、WOFF2としてエンコードすることです。500 KBのTTFフォントは15 KBのWOFF2サブセットに削減できます——97%の削減です。

ほとんどのWebサイトでは、最も簡単な戦略はUnicode Basic Latin範囲（U+0020からU+007E）にサブセット化することです。これはすべてのASCII文字をカバーし、英語コンテンツには十分です。多言語サイトの場合、各言語に必要な特定のUnicode範囲にサブセット化し、unicode-range CSSプロパティを使用して各ページに必要なサブセットのみを読み込みます。

サブセット化する際、OpenType機能から参照されるグリフを削除しないように注意してください。例えば、スモールキャップス機能は小文字を小さな大文字バージョンに置き換えます——スモールキャップスグリフを削除すると機能が壊れます。私たちのツールはフォントの機能定義を保持しますが、指定したグリフのみを含めます。