WOFF2 サンプルファイル — テスト用の無料 Web フォントをダウンロード

Web Open Font Format 2 · .woff2 · MIME タイプ font/woff2

6 ファイル41 KB – 113 KB直接リンク広告なし・登録不要用途を問わず無料SHA-256 検証済み

WOFF2 サンプルファイルをダウンロードできます。実際に配信すべきなのはこの形式です。WOFF2 は Brotli 圧縮にフォント専用の前処理を組み合わせており、アウトラインはバイト単位で同一のまま、対応する WOFF よりおよそ 25〜30% 小さく、元の TTF の半分以下のサイズになっています。

現行のブラウザはすべて WOFF2 に対応しているので、@font-face、font-display の挙動、プリロード、セルフホストのフォント配信をテストするならこの形式を選びましょう。ファイルは正しい font/woff2 の MIME タイプと、制限のない CORS ヘッダー付きで配信しています。

WOFF2 サンプルファイルをダウンロード

ファイル詳細サイズダウンロード
sample-font-roboto-mono-regular.woff2
Roboto Mono Regular • 等幅 · 400
Roboto Mono Regular · SIL Open Font License 1.141 KB
41,148 バイト
WOFF2 をダウンロード
sample-font-lora-regular.woff2
Lora Regular • セリフ · 400
Lora Regular · SIL Open Font License 1.148 KB
48,324 バイト
WOFF2 をダウンロード
sample-font-open-sans-regular.woff2
Open Sans Regular • サンセリフ · 400
Open Sans Regular · SIL Open Font License 1.160 KB
59,616 バイト
WOFF2 をダウンロード
sample-font-roboto-regular.woff2
Roboto Regular • サンセリフ · 400
Roboto Regular · SIL Open Font License 1.169 KB
69,112 バイト
WOFF2 をダウンロード
sample-font-roboto-bold.woff2
Roboto Bold • サンセリフ · 700
Roboto Bold · SIL Open Font License 1.171 KB
71,236 バイト
WOFF2 をダウンロード
sample-font-inter-regular.woff2
Inter Regular • サンセリフ · 400
Inter Regular · SIL Open Font License 1.1113 KB
113,408 バイト
WOFF2 をダウンロード
6 ファイル · 直接リンク · 登録不要 · CORS 対応

コマンドラインや CI でこれらのファイルを使う

どの URL も固定で、CORS も許可しています。テストで SHA-256 を固定しておけば、フィクスチャが変わった瞬間に気づけます。

# ファイルを 1 つダウンロード
curl -O https://pnb-freetoolsforweb.s3.us-east-2.amazonaws.com/samples/fonts/woff2/sample-font-roboto-mono-regular.woff2

# 検証する(全ファイルの SHA-256 は上に記載)
shasum -a 256 sample-font-roboto-mono-regular.woff2

# 全サンプルファイルの機械可読インデックス
curl https://pnb-freetoolsforweb.s3.us-east-2.amazonaws.com/samples/index.json | jq '.files[] | select(.format=="woff2")'

WOFF2 形式の概要

正式名称Web Open Font Format 2
拡張子.woff2
MIME タイプfont/woff2
規格WOFF 2.0(W3C 勧告、2018 年)
圧縮Brotli + グリフテーブルの前処理
マジックバイト77 4F 46 32(「wOF2」)
MIME タイプfont/woff2
ブラウザの対応現行のすべてのブラウザ

WOFF2 サンプルファイルでテストされること

  • @font-face とセルフホストの Web フォントのテスト
  • フォントのプリロードと font-display の戦略
  • Core Web Vitals の改善 — フォントは LCP を遅らせるよくある原因
  • サブセット化パイプライン(これらのファイルはあえてサブセット化していません)
  • CDN のキャッシュとクロスオリジン配信
テストのポイント。 最初の描画に必要なフォントはプリロードし、font-display: swap と組み合わせましょう。レンダリングをブロックするフォントリクエストは、Largest Contentful Paint が悪化する最もよくある原因の 1 つです。 これらのファイルはあえて全文字セットを含めています。ラテン文字だけにサブセット化すれば半分を大きく下回るサイズになるはずで、サブセット化ツールが機能していることを手早く確認できます。

よくある質問

WOFF2 は TTF よりどれくらい小さいですか?

およそ半分です。アウトラインが同一なので、ここでは簡単に比較できます。Roboto Regular は TTF で 157,472 バイト、WOFF で 92,216 バイト、WOFF2 で 69,112 バイトで、TTF より約 56%、WOFF より約 25% 小さくなっています。

WOFF や TTF のフォールバックは必要ですか?

ほとんど必要ありません。WOFF2 は 2016 年ごろ以降にリリースされたすべてのブラウザが対応しています。WOFF のフォールバックを追加するのは、自社のアクセス解析で古いブラウザからのトラフィックが無視できない場合だけにしましょう。惰性で追加しても、誰もダウンロードしない 2 つ目のファイルを管理する手間が増えるだけです。

これらのフォントは商用プロジェクトで使えますか?

はい。すべての書体は SIL Open Font License 1.1 で公開されており、商用を含め、使用、改変、埋め込み、再配布が認められています。フォント単体での販売はできず、改変版には元の予約フォント名を使えません。ライセンスの全文はファイルと一緒に公開しています。

これらは可変フォントですか?

いいえ。元のソースは可変フォントですが、変換前にそれぞれを単一の静的なウェイトにインスタンス化し、残った fvar、avar、STAT、gvar テーブルを削除しています。フォントローダー、サブセット化ツール、バリデーターは通常、静的な書体を対象にテストされます。また、取り残されたバリエーションテーブルは、原因のわかりにくい失敗を招きがちです。

ファイルには全文字セットが含まれていますか?

はい。元の文字セットをすべて含んでおり、ファミリーによって 778〜2,849 のコードポイントが割り当てられ、ラテン文字、ラテン文字拡張、ギリシャ文字、キリル文字をカバーしています。サブセット化は一切していないので、ご自身のサブセット化パイプラインで実際にファイルが小さくなるかのテストにも使えます。

これらの WOFF2 ファイルは安全にダウンロードできますか?

はい。すべてのファイルは当サイトが公開しているスクリプトでゼロから生成したもので、収集したものやユーザーがアップロードしたものはなく、スクリプト、マクロ、実行ファイルも含まれていません。各ファイルの SHA-256 をこのページに掲載しているので、受け取ったファイルを検証できます。

WOFF2 サンプルファイルを商用利用できますか?

はい。商用製品、テストスイート、デモ、再配布を含め、あらゆる目的に無料で使え、クレジット表記も不要です。ライセンス手続きも、誰かへの問い合わせも必要ありません。

これらのファイルに直接リンクしたり、CI で使ったりできますか?

はい。どのリンクも HTTPS の固定の直接 URL で、Access-Control-Allow-Origin: * と長期キャッシュのヘッダーが付いているため、curl、wget、fetch()、テストランナーから直接取得できます。全ファイルの JSON インデックスへのリンクは各ページにあります(コマンドラインのセクションを参照)。

関連するサンプルファイル

WOFF2 に対応した無料ツール

  • ファビコン生成 — どんなロゴからでも、favicon.ico、全サイズの PNG、Apple タッチアイコン、webmanifest がそろったファビコン一式をワンクリックで作成できます。
  • テストファイル生成 — 1 KB〜2 GB の正確なサイズのダミーファイルを、ランダムバイト、テキスト、CSV、JSON でブラウザ上で生成します。

不具合や改善できそうな点を見つけましたか?いただいたメッセージはすべて読み、すぐに対応します。

ファイル処理パイプラインをテスト中ですか?私たちはそれを作っています。

アップロード、変換、プレビュー、文書処理、メディアのワークフローは、FreeToolsForWeb がクライアントのために設計・運用している本番システムそのものです。だからこそ、最初にこれらのファイルが必要になりました。

無料ツールを見る