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％削減します。 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ファイルを使用することにはいくつかの利点があります。 For example:例えば：
- 圧縮：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形式のフォントが何百もあります。