Web Open Font Format (WOFF) は、ウェブページで使用するためのフォント形式である。WOFFはOpenType又はTrueType形式のフォントを圧縮し、XMLによるメタデータを追加したものとなっている。WOFFには2つの主要な目標が有り、1つは、ローカル環境にインストールし、スタンドアローンアプリケーションで使用するフォントファイルと、Webフォントとして使用するフォントファイルを区別すること。もう1つは、フォントをWebサーバーからクライアントに転送する際のレイテンシの削減である。

概要 拡張子, MIMEタイプ ...
Web Open Font Format
拡張子
  • .woff
  • .woff2
MIMEタイプ
  • font/woff
  • font/woff2
  • application/font-woff (非推奨)[1][2]
マジック
ナンバー
開発者W3C
種別フォントファイル
包含物SFNT英語版フォント
ウェブサイト
閉じる

標準化

WOFF 1の最初の草案は、Jonathan KewによるSFNT英語版形式のフォントから変換するためのリファレンス実装と共に[3]、Jonathan Kew、Tal Leming及びErik van Bloklandによって2009年に公開された[4]。2010年4月にMozilla Foundationオペラ・ソフトウェア及びマイクロソフトがWOFF 1の仕様をW3Cに提出し[5][6]、W3Cは「WOFFは全てのウェブブラウザが対応する相互運用が可能な唯一のフォント形式に直ぐになる予定だ。」とコメントした[7]。同年7月にW3Cは作業草稿としてWOFF 1を公開した[8][9]。最終草案は2012年12月13日にW3C勧告として公開された[10]

WOFF 2の仕様はGoogleによるリファレンス実装と共に公開された[11]。WOFF 2ではフォントの圧縮にBrotliを使用するように改善された。WOFF 2は2018年3月にW3C勧告となった[12]

仕様

WOFFはウェブページに埋め込むことができるように、変換ツールによって圧縮されたSFNTベースのフォントを含むラッパーである[4]。WOFF 1では広く一般で利用されているzlib[注釈 3]を使用して圧縮しており、一般的なTrueTypeフォントでは6割以下のファイルサイズにすることができる[13]。CFF形式のOpenTypeフォント[注釈 4]は圧縮済みなので、ファイルサイズは殆ど変わらない[14]

対応状況

WOFF 1は書体ファウンドリ英語版としても知られている多くのフォント制作企業による支援を受けており、全ての主要なブラウザが対応している。

WOFF 2はBrotliの採用やその他の改善によって、WOFF 1から3割以上のファイルサイズの削減が行われている。

  • Google Chrome 36以降[15]
  • Microsoft Edge 14以降[15]
  • Mozilla Firefox 39以降[15]
  • Opera 23以降[15]
  • Safari 10以降[15]

一部のブラウザは同一生成元ポリシーを適用し、異なるドメイン間でWOFFが使用されることを防いでいる。この制限はCSS3のFonts Moduleの一部であり[16]、全てのフォント形式に適用され、フォントを提供するWebサーバーによってオーバーライドすることができる。

幾つかのWebサーバーでは、ファイルを正しく提供するためにMIMEタイプを手動で追加する必要がある場合がある[17]。2017年2月以降、WOFF 1ではfont/woff、WOFF 2ではfont/woff2が適切なMIMEタイプである[1][2]。WOFF 1の以前の標準MIMEタイプはapplication/font-woffであり、一部のアプリケーションではこの古いMIMEタイプを使用している場合があるが、このMIMEタイプは現在は非推奨である[1]

脚注

関連項目

外部リンク

Wikiwand in your browser!

Seamless Wikipedia browsing. On steroids.

Every time you click a link to Wikipedia, Wiktionary or Wikiquote in your browser's search results, it will show the modern Wikiwand interface.

Wikiwand extension is a five stars, simple, with minimum permission required to keep your browsing private, safe and transparent.