WOFF（Web Open Font Format）とは何ですか？

Web Open Font Format（WOFF）は、Mozillaによって開発されたWebフォントのファイル形式です。 WOFFファイルには、圧縮されたTTFファイルとOTFファイル、およびライセンス情報とその他のメタデータを含めることができます。 WOFFについて知っておくべきことは次のとおりです。

この記事の情報は、WOFFファイルとWOFF2ファイルに適用されます。

WOFFファイルとは何ですか？

ZIPファイルと同様に、WOFFファイルは他のファイル（特にTrueTypeフォント（TTF）およびOpenTypeフォント（OTF）ファイル）のコンテナーとして機能します。これらのタイプのファイルにより、Webデザイナーは、ほとんどのコンピューターにある標準文字以外のフォントを使用できます。

WOFFはWOFF2形式に取って代わられました。 WOFF2は、さらに優れた圧縮アルゴリズムを提供し、元のファイルサイズをさらに30％削減します。したがって、WOFF2ファイルはより少ない帯域幅を使用し、さらに高速にロードします。 WOFFファイルの拡張子は.woffですが、WOFF2ファイルの拡張子は.woff2です。

WOFFファイルはどのように機能しますか？

事実上すべてのWebページは、カスケードスタイルシート（CSS）を使用して、画面上のHTMLおよびその他の要素のレイアウトを定義します。たとえば、開発者はCCSを使用して、ユーザーのコンピューターに既にインストールされているフォントを参照することにより、Webフォントを変更できます。ただし、PCまたはブラウザがフォントをサポートしていない場合は、ページのフォントスタックの設定方法に応じて、別のフォントとして表示されるか、まったく読み込まれません。

この問題を回避するために、カスタムフォントをWOFFファイルに保存できます。このファイルは、他のすべてのWebページ要素とともにサーバーに保存されます。その後、デザイナーは@ font-face CSSプロパティを使用してWOFFファイルを参照し、ブラウザーでフォントをレンダリングできます。

Google Chrome、Firefox、Microsoft Edge、Opera、SafariはWOFF形式をサポートしていますが、Webブラウザを最新バージョンに更新する必要がある場合があります。

WOFFの利点

Web開発者が利用できるフォントの種類を広げることに加えて、WOFFファイルを使用することにはいくつかの利点があります。例：

• 圧縮 ：WOFFファイルは圧縮されているため、他のフォントファイルタイプよりも高速に読み込まれます。
• HTMLおよびCSSのサポート ：画像ファイルとは異なり、WOFFファイルはHTMLとCSSで定型化できます。
• SEO ：WOFFフォントは、テキストの画像よりも検索エンジン最適化（SEO）に適しています。
• 最適化されたレンダリング ：WOFFファイルには、コンテキストフォームや古いスタイルの図などの活版印刷情報が含まれているため、すべてのデバイスで最適なレンダリングが可能です。
• ウェブサイトのアクセシビリティ ：WOFFファイルを使用すると、テキストを読み上げることができ、テキストの画像を読み込めないため、サイトにアクセスしやすくなります。
• 埋め込み ：WOFFフォントは、他の言語の文字をフォントに埋め込むことができるため、国際化に役立ちます。

独自のWOFFフォントを作成する

FontForgeのようなフォントエディタを使用すると、独自のフォントセットをデザインし、それらをWOFFファイルとしてエクスポートできます。 FontForgeを使用してWOFFをTTFまたはOTFファイルに変換することもできます。 TTFまたはOTFのみをサポートする別のフォントエディタがある場合は、sfnt2woffツールを使用してフォントをWOFFファイルに変換できます。

Open FontLibraryとFontSquirrelには、商用および非商用で無料で使用できるWOFF形式のフォントが何百もあります。