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

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

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

@font-face の読み込み、CDN からの配信、フォントリクエストの CORS、フォント変換パイプラインのテストに使える WOFF サンプルファイルをダウンロードできます。WOFF は TrueType フォントをメタデータ付きの zlib 圧縮コンテナで包んだもので、アウトラインは同一のまま、対応する TTF よりおよそ 40% 小さくなっています。

すべてのファイルは正しい font/woff の MIME タイプと、制限のない CORS ヘッダー付きで配信しているため、テストページから設定なしでクロスオリジン読み込みができます。ふだんは再現しにくい、CORS によるフォント読み込みの失敗を再現するのに便利です。

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

ファイル詳細サイズダウンロード
sample-font-roboto-mono-regular.woff
Roboto Mono Regular • 等幅 · 400
Roboto Mono Regular · SIL Open Font License 1.154 KB
54,012 バイト
WOFF をダウンロード
sample-font-lora-regular.woff
Lora Regular • セリフ · 400
Lora Regular · SIL Open Font License 1.166 KB
65,752 バイト
WOFF をダウンロード
sample-font-open-sans-regular.woff
Open Sans Regular • サンセリフ · 400
Open Sans Regular · SIL Open Font License 1.178 KB
78,172 バイト
WOFF をダウンロード
sample-font-roboto-regular.woff
Roboto Regular • サンセリフ · 400
Roboto Regular · SIL Open Font License 1.192 KB
92,216 バイト
WOFF をダウンロード
sample-font-roboto-bold.woff
Roboto Bold • サンセリフ · 700
Roboto Bold · SIL Open Font License 1.194 KB
94,416 バイト
WOFF をダウンロード
sample-font-inter-regular.woff
Inter Regular • サンセリフ · 400
Inter Regular · SIL Open Font License 1.1160 KB
160,476 バイト
WOFF をダウンロード
6 ファイル · 直接リンク · 登録不要 · CORS 対応

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

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

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

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

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

WOFF 形式の概要

正式名称Web Open Font Format
拡張子.woff
MIME タイプfont/woff
規格WOFF 1.0(W3C 勧告、2012 年)
圧縮zlib(テーブル単位)
マジックバイト77 4F 46 46(「wOFF」)
MIME タイプfont/woff
ライセンスSIL Open Font License 1.1

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

  • @font-face の読み込みとフォールバックの動作
  • クロスオリジンのフォントリクエストと CORS ヘッダー
  • CDN のキャッシュと圧縮のテスト
  • Font Loading API と FOUT/FOIT の挙動
  • 旧ブラウザ向けのフォールバックチェーン
テストのポイント。 WOFF はすでに圧縮されているので、さらに gzip や Brotli で配信してもほとんど小さくならず、CPU を無駄にするだけです。転送時の圧縮を測定するテストなら、当サイトの未圧縮のサンプルファイルを使ってください。 フォントは常に CORS モードで取得されます。CDN から配信される、同一オリジンに見えるフォントでも同じです。ネットワークタブでは 200 なのにフォントが黙って読み込まれない場合、原因はたいてい CORS ヘッダーの欠落です。

よくある質問

今でも WOFF2 と一緒に WOFF を配信すべきですか?

Chrome 36、Firefox 39、Safari 10、Edge 14 より古いブラウザに対応する場合だけです。こうしたブラウザは、ほとんどの市場でトラフィックの 1% 未満です。現在は WOFF2 だけを使うのが一般的です。アクセス解析で古い Android や Internet Explorer の実ユーザーがいるとわかる場合は、WOFF のフォールバックを残しましょう。

エラーも出ずにフォントが読み込まれないのはなぜですか?

十中八九 CORS が原因です。フォントはオリジンに関係なく CORS モードで取得されるため、別ドメインのフォントにはレスポンスに Access-Control-Allow-Origin が必要です。ブラウザはネットワークタブに 200 と表示したまま、黙ってそのフォントを使いません。これらのファイルは制限のない CORS ヘッダー付きで配信しているので、この要因を切り分けられます。

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

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

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

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

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

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

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

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

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

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

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

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

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

WOFF に対応した無料ツール

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

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

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

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

無料ツールを見る