Web Open Font Formatとは？わかりやすく解説

Web Open Font Format
拡張子	.woff; .woff2;
MIMEタイプ	font/woff; font/woff2; application/font-woff (非推奨);
マジック; ナンバー	77 4F 46 46; 77 4F 46 32;
開発者	W3C
種別	フォントファイル
包含物	SFNT（英語版）フォント
ウェブサイト	www.w3.org/TR/WOFF/; www.w3.org/TR/WOFF2/;

「WOFF」はこの項目へ転送されています。2016年に発売されたコンピュータゲームについては「ワールドオブファイナルファンタジー」をご覧ください。

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

標準化

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

Google Chrome 6以降^[15]
Microsoft Edge 12以降^[15]
Mozilla Firefox 3.5以降^[15]
Internet Explorer 9以降^[15]
Opera 11.1以降^[15]
Safari 5.1以降^[15]

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]。

脚注

注釈

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

出典

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

外部リンク

WOFF File Format 1.0 - W3C勧告
WOFF File Format 2.0 - W3C勧告

[3] ASCIIで "wOFF"

[4] ASCIIで "wOF2"

[15] 具体的にはcompress2関数^[4]。

[17] PostScriptのグリフのアウトラインを含む。

[media-types-1] “Media Types”. IANA. 2019年9月21日閲覧。

[rfc8081-2] RFC 8081

[5] “WOFF fonts!”. 2016年10月7日時点のオリジナルよりアーカイブ。2019年9月21日閲覧。

[woff-spec-latest-6] Jonathan Kew, Tal Leming, Erik van Blokland (2009年10月23日). “WOFF File Format”. 2016年10月17日時点のオリジナルよりアーカイブ。2019年9月21日閲覧。

[7] “WOFF File Format 1.0 Submission Request to W3C”. W3C. 2019年9月21日閲覧。

[8] (2010年4月23日). “Meet WOFF, The Standard Web Font Format”. Microsoft. 2019年9月21日閲覧。

[9] “Team Comment on "WOFF File Format 1.0" Submission”. W3C. 2019年9月21日閲覧。

[10] “WOFF - Now loading fonts on websites”. The H Open (2010年7月28日). 2019年9月21日閲覧。

[11] Craig Buckler (2010年8月17日). “W3C Backs the WOFF WebFont Standard”. SitePoint. 2019年9月21日閲覧。

[12] Jonathan Kew, Tal Leming, Erik van Blokland (2012年12月13日). “WOFF File Format 1.0”. W3C. 2019年9月21日閲覧。

[13] woff2- GitHub

[14] Vladimir Levantovsky, Raph Levien (2018年3月1日). “WOFF File Format 2.0”. W3C. 2019年9月21日閲覧。

[16] Stoyan Stefanov (2009年10月20日). “@font-face gzipping – take II”. 2019年9月21日閲覧。

[18] Tim Brown (2010年12月8日). “Type rendering: font outlines and file formats”. Adobe Systems Incorporated. 2019年9月21日閲覧。

[MDN-19] ^ ^a ^b ^c ^d ^e ^f ^g ^h ⁱ ^j ^k “The Web Open Font Format (WOFF)”. MDN. 2019年9月21日閲覧。

[20] “CSS Fonts Module Level 3”. W3C (2018年9月20日). 2019年9月21日閲覧。

[21] “Webfonts are not loading in Firefox”. Fontspring. 2019年9月21日閲覧。

[1]

[2]

[注釈 1]

[注釈 2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[注釈 3]

[13]

[注釈 4]

[14]

[15]

[16]

[17]


	All text is available under the terms of the GNU Free Documentation License. この記事は、ウィキペディアのWeb Open Font Format (改訂履歴)の記事を複製、再配布したものにあたり、GNU Free Documentation Licenseというライセンスの下で提供されています。 Weblio辞書に掲載されているウィキペディアの記事も、全てGNU Free Documentation Licenseの元に提供されております。
	Text is available under GNU Free Documentation License (GFDL). Weblio辞書に掲載されている「ウィキペディア小見出し辞書」の記事は、WikipediaのWebフォント (改訂履歴)の記事を複製、再配布したものにあたり、GNU Free Documentation Licenseというライセンスの下で提供されています。
TANAKA Corpus	Tanaka Corpusのコンテンツは、特に明示されている場合を除いて、次のライセンスに従います： Creative Commons Attribution (CC-BY) 2.0 France.
京大-NICT 日英中基本文データ	この対訳データはCreative Commons Attribution 3.0 Unportedでライセンスされています。
	Copyright © 1995-2025 Hamajima Shoten, Publishers. All rights reserved.
	Copyright © Benesse Holdings, Inc. All rights reserved.
	Copyright (c) 1995-2025 Kenkyusha Co., Ltd. All rights reserved.
	日本語ワードネット1.1版 (C) 情報通信研究機構, 2009-2010 License All rights reserved. WordNet 3.0 Copyright 2006 by Princeton University. All rights reserved. License
	Copyright (C) 1994- Nichigai Associates, Inc., All rights reserved. 「斎藤和英大辞典」斎藤秀三郎著、日外アソシエーツ辞書編集部編
	This page uses the JMdict dictionary files. These files are the property of the Electronic Dictionary Research and Development Group, and are used in conformance with the Group's licence.

Web Open Font Formatとは？わかりやすく解説