Web Open Font Format

ウェブページで使用するためのフォント形式

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

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]

脚注 編集

注釈 編集

  1. ^ ASCIIで "wOFF"
  2. ^ ASCIIで "wOF2"
  3. ^ 具体的にはcompress2関数[4]
  4. ^ PostScriptのグリフのアウトラインを含む。

出典 編集

  1. ^ a b c Media Types”. IANA. 2019年9月21日閲覧。
  2. ^ a b RFC 8081
  3. ^ WOFF fonts!”. 2016年10月7日時点のオリジナルよりアーカイブ。2019年9月21日閲覧。
  4. ^ a b c Jonathan Kew, Tal Leming, Erik van Blokland (2009年10月23日). “WOFF File Format”. 2016年10月17日時点のオリジナルよりアーカイブ。2019年9月21日閲覧。
  5. ^ WOFF File Format 1.0 Submission Request to W3C”. W3C. 2019年9月21日閲覧。
  6. ^ ieblog (2010年4月23日). “Meet WOFF, The Standard Web Font Format”. Microsoft. 2019年9月21日閲覧。
  7. ^ Team Comment on "WOFF File Format 1.0" Submission”. W3C. 2019年9月21日閲覧。
  8. ^ WOFF - Now loading fonts on websites”. The H Open (2010年7月28日). 2019年9月21日閲覧。
  9. ^ Craig Buckler (2010年8月17日). “W3C Backs the WOFF WebFont Standard”. SitePoint. 2019年9月21日閲覧。
  10. ^ Jonathan Kew, Tal Leming, Erik van Blokland (2012年12月13日). “WOFF File Format 1.0”. W3C. 2019年9月21日閲覧。
  11. ^ woff2 - GitHub
  12. ^ Vladimir Levantovsky, Raph Levien (2018年3月1日). “WOFF File Format 2.0”. W3C. 2019年9月21日閲覧。
  13. ^ Stoyan Stefanov (2009年10月20日). “@font-face gzipping – take II”. 2019年9月21日閲覧。
  14. ^ Tim Brown (2010年12月8日). “Type rendering: font outlines and file formats”. Adobe Systems Incorporated. 2019年9月21日閲覧。
  15. ^ a b c d e f g h i j k The Web Open Font Format (WOFF)”. MDN. 2019年9月21日閲覧。
  16. ^ CSS Fonts Module Level 3”. W3C (2018年9月20日). 2019年9月21日閲覧。
  17. ^ Webfonts are not loading in Firefox”. Fontspring. 2019年9月21日閲覧。

関連項目 編集

外部リンク 編集