フォントサブセッター

フォントサブセットを作成してWebフォントファイルのサイズを削減します。必要な文字だけを保持し、カスタム文字、Unicode範囲、ライブプレビューをサポートします。ウェブサイトのパフォーマンスとCore Web Vitalsを向上させます。

広告
広告

フォントサブセッターは実際に必要な文字(グリフ)のみを抽出してフォントファイルサイズを削減します。完全なフォントファイルには複数言語の数千のグリフが含まれる場合がありますが、Webサイトは通常数百のみを使用します。500 KBから50 KBへのフォントのサブセット化はページ読み込み速度を劇的に向上させます。このツールはHarfBuzz (hb-subset)を使用してローカルで処理します——フォントファイルはアップロードされません。

フォントファイルをアップロードせずに80-95%縮小

Webサイトが実際に使用する文字のみを保持。TTF、OTF、WOFF、WOFF2に対応し、Unicode範囲とライブプレビューをサポート——すべてブラウザ内で。

より速いページ読み込み
100% プライベート
無料・無制限

使い方

  1. 1

    フォントをアップロード

    ドラッグ&ドロップエリアを使用して、.TTF、.OTF、.WOFF、または.WOFF2フォントファイルをアップロードします。

  2. 2

    文字を指定

    テキストボックスに、ウェブサイトで実際に使用されているすべての文字を入力します。中国語文字用のU+4E00-9FFFなど、一般的なUnicode範囲を追加することもできます。

  3. 3

    サブセット化してダウンロード

    「サブセットを作成」をクリックします。ツールは新しく、より小さいフォントファイルを生成します。最適化されたフォントをダウンロードして、プロジェクトで使用します。出力形式(TTF または OTF)はフォントのアウトライン形式から自動的に決定されます。

なぜフォントをサブセット化するのですか?

より速いページ読み込み

フォントファイルが小さいほどダウンロードが速くなり、サイトのパフォーマンスに不可欠なLCP(Largest Contentful Paint)メトリックが向上します。

より良いユーザーエクスペリエンス

ユーザーはテキストコンテンツをより速く見ることができ、待ち時間が短縮され、直帰率が低下し、満足度が向上します。

Core Web Vitalsの改善

ページの速度は、Googleなどの検索エンジンにとって重要なランキング要因です。フォントの最適化は、Core Web Vitalsスコアを向上させる強力な方法です。

100% プライベート

フォントファイルはローカルで処理されます。アップロードも保存もサーバーへの送信も一切ありません。

広告

フォントサブセットについて

フォントファイルが大きい理由

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

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

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

広告

他のフォントサブセットツールとの比較

人気のフォントサブセットツールの比較。

機能NeatForgeFont SquirrelEverything Fonts
プライバシー(アップロードなし)100% ブラウザサーバーにアップロードサーバーにアップロード
TTF/OTF/WOFF/WOFF2入力全形式制限あり
WOFF2出力TTF/OTFのみ
カスタム文字セット制限あり
OpenType機能を維持
カラー絵文字フォント (COLR/CBDT)
登録不要メール必須

Font Squirrelなどのサーバーベースのサブセッターはフォントファイルのアップロードが必要です。私たちのツールはHarfBuzz (hb-subset)を使用してブラウザ内でフォントを完全に処理します——カスタムやライセンスフォントがデバイスから離れることはありません。

よくある質問

私のフォントファイルは安全ですか?アップロードされますか?
はい、100%安全です。すべてのフォント処理はブラウザ内でローカルに行われます。あなたのフォントファイルが当社のサーバーにアップロードされることはなく、データのプライバシーを保証します。
サブセット化後、なぜフォントファイルが大きくなったのですか?
これは、非常に小さいか高度に最適化された元のフォントで発生することがあります。サブセット化はフォントの既存のテーブルを保持し、未使用のグリフのみを削除しますが、すべてのフォントには固定の構造オーバーヘッド(ヘッダー、テーブルディレクトリ、名前レコード、レイアウト機能)があります。極小のフォントではこのオーバーヘッドが支配的になるため、サブセットが元ファイルよりわずかに大きくなることがあります。その場合はフォントが既に非常に効率的だということですので、元のファイルを使い続けてください。100文字未満のフォントや、既にサブセット化されたフォントで最もよく起こります。ほとんどのフォント(500グリフ以上)では、50〜100文字へのサブセット化で80〜95%削減できます。ライブプレビューでダウンロード前に予想サイズを確認できます。
どの出力形式を選ぶべきですか:OTFまたはTTF?
現代のWeb開発では、どちらも優れた出発点です。サブセット化した後、最良の圧縮率を得るために、生成されたフォントを.woff2形式に変換することがベストプラクティスです。
サブセット化したフォントを商用プロジェクトで使用できますか?
アップロードする元のフォントのライセンスに従う必要があります。フォントをサブセット化しても、そのライセンスは変更されません。目的に合わせてフォントを変更および使用する権利があることを確認してください。
フォントファイルサイズをどのくらい削減できますか?
削減量は元のフォントサイズと保持する文字数によって異なります。一般的なラテンフォントは400-700グリフを含み、TTFで80-200 KBです。英語Webサイトで使用される50-80文字にサブセット化すると、ファイルサイズは15-40 KBに低下します——80%の削減です。CJKフォントは数千の文字を含むため大幅に大きくなり(5-20 MB)、サブセット化で90%以上削減できます。
サブセットにどの文字を含めるべきですか?
最低限、Webサイトに表示されるすべての文字を含めてください:大文字A-Z、小文字a-z、数字0-9、使用されるすべての句読点。また、コンテンツに固有の特殊文字も含めてください。多言語サイトの場合、サポートする各言語のアクセント文字を含めてください。Webサイトのテキストコンテンツをスキャンして一意の文字セットを抽出するのが良いアプローチです。
Unicode範囲とは何で、どのように使いますか?
Unicode範囲(大文字A-Zの場合U+0041-005Aなど)はUnicode標準の連続した文字ブロックを指定します。ツールは個別の文字とUnicode範囲の両方を受け入れます。例えば、U+4E00-9FFFはCJK統合漢字ブロックを指定します。文字と範囲を組み合わせることもできます。
サブセット化はフォントレンダリング品質に影響しますか?
いいえ。サブセット化は元のフォントとまったく同じグリフアウトライン、ヒンティング指示、カーニングペアを保持します——不要なグリフを削除するだけです。サブセット化されたフォントに残る文字は、すべてのサイズで元のフォントと同一にレンダリングされます。含まれていない文字はレンダリングされません。
カラーの絵文字フォント(Noto Color Emoji など)はサポートされますか?
はい。カラーの絵文字フォントは完全にサポートされます。このツールはカラーグリフテーブルを正しく保持・トリミングします — CBDT/CBLC(ビットマップカラー。Noto Color Emoji で使用)と COLR/CPAL(ベクターカラー。Noto Color Emoji の COLR 版、Twemoji、Segoe UI Emoji などで使用)。例えば、約10MBの Noto Color Emoji を数個の絵文字だけにサブセットすると数キロバイトのファイルになり、選択した絵文字はすべてカラーで表示されます。制限として、Apple の sbix テーブルと旧式の SVG テーブルはブラウザ側エンジンで再サブセットできず、表示警告とともに破棄されます。COLR/CBDT のカラーデータは影響を受けません。

あなたのプライバシーが私たちの優先事項です

このツールは完全にブラウザ内で実行されます。ファイルはサーバーにアップロード、保存、分析されません。

  • ファイルをアップロード、保存、分析することはありません。
  • 処理するすべてのものはデバイスに残ります。
  • ツールはフォントファイルをローカルメモリから読み取り、フォントテーブル(グリフ、カーニング、メトリクス、ヒンティング)を解析し、指定された文字のみを含む新しいフォントを作成して出力ファイルを生成します——すべてネットワークリクエストなしで行われます。
  • ファイル名や文字選択を記録するサーバー側ログはなく、使用パターンを追跡する分析もなく、いかなる永続ストレージも存在しません。
  • ブラウザのタブを閉じると、すべてのフォントデータとサブセット設定はメモリから直ちに消去されます。
  • そのため、プロプライエタリフォント、ライセンス商用フォント、ブランド固有の書体など、フォントファイルをサードパーティのサーバーに公開すべきでないあらゆる場面で安全に使用できます。
  • このツールはページの初回読み込み後、オフラインでも動作します。

インターネット接続が切断されても、ファイルは安全です。

こちらもおすすめ

役立つガイド

広告