WOFF サンプルファイル — テスト用の無料 Web フォントをダウンロード
Web Open Font Format · .woff · MIME タイプ font/woff
@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 · SIL Open Font License 1.1 | 54 KB | |
sample-font-lora-regular.woff | Lora Regular · SIL Open Font License 1.1 | 66 KB | |
sample-font-open-sans-regular.woff | Open Sans Regular · SIL Open Font License 1.1 | 78 KB | |
sample-font-roboto-regular.woff | Roboto Regular · SIL Open Font License 1.1 | 92 KB | |
sample-font-roboto-bold.woff | Roboto Bold · SIL Open Font License 1.1 | 94 KB | |
sample-font-inter-regular.woff | Inter Regular · SIL Open Font License 1.1 | 160 KB |
コマンドラインや 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 の挙動
- 旧ブラウザ向けのフォールバックチェーン
よくある質問
今でも 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 に対応した無料ツール
不具合や改善できそうな点を見つけましたか?いただいたメッセージはすべて読み、すぐに対応します。
ファイル処理パイプラインをテスト中ですか?私たちはそれを作っています。
アップロード、変換、プレビュー、文書処理、メディアのワークフローは、FreeToolsForWeb がクライアントのために設計・運用している本番システムそのものです。だからこそ、最初にこれらのファイルが必要になりました。
無料ツールを見る