web-dev-qa-db-ja.com

font-face宣言では、eot、ttf、およびsvgはまだ必要ですか?

これまで、私はPaul Irishの bulletproof font-face syntax を使用しました

しかし、私は caniuse で.woffファイルと.woff2ファイルのサポートを見ているだけで、IE9 +ではwoffがサポートされていると言っています。このトピックに関するほとんどの記事は2009年頃のもので、執筆時点では7年前のことです。 woffがこのような幅広いサポートを享受するようになったとき、本当にttf、otf、eot、svgを宣言し続ける必要がありますか?

31
paulcpederson

短い答え:いいえ。

EOTはIE8以下にのみ関連します(雑学として:IE4までずっと。IE実際に開拓されたウェブフォント))、および技術としてのSVGフォント(not to SVGアウトラインを含むOpenTypeフォントと混同してください) 放棄されました2015年初頭 )実際のWebフォントが利用可能になった時点で制限が狂っていたためです。2016年現在 WOFF が必要です。そして、WOFF2の新しいより優れたバージョンを利用したい場合は、WOFF2が必要です だけ は(この回答の時点で)w3の推奨事項になりました。

物事を簡単にするため、 2016年1月12日の時点で、MicrosoftはIE8以下のサポートを終了しました 、IE9の限定的なサポート:現在もサポートされている各OSで利用可能な最新のブラウザーのみをサポートします、つまりIE9 XP自体はサポートされなくなりましたが、技術的にはまだ-残念ながら-Vista SP2およびServer 2008 R2が終了するまでサポートされているため]もちろん、Windows Server 2008ではWebフォントのサポートは無関係であり、古いバージョンのWindowsをまだ使用しているほとんどの企業は、Windows XP (独自の危険にさらされている)またはWindows 7(2016年7月にWindows 10になることはほぼ期待できますが、29日は 最終日 7/8.1からアップグレードできますが、 8ではなく、無料で10に)。

(2017年4月の編集:Windows Vista SP2は今月サポートを終了し、IE9は正式にサポートされなくなりました)

TTF/OTFについては、JPGまたはPNGではなくTIFF画像を使用するよりもこれらをオンラインで使用することは望ましくありません。WOFFはTTF/OTFデータの薄いラッパーであるにもかかわらず、WOFF/WOFF2では、データを圧縮できますが、プレーンOpenTypeでは圧縮できません。

さらに、TTF/OTFは(OpenTypeをサポートするシステム用の)普遍的なフォントであるため、特にIEのバージョンでは、正確性についてさらに詳しく調査されています。 WOFFを使用します。これは、ファイルタイプとして明示的にするため、[〜#〜] w [〜#〜]eb([〜#〜] o [〜#〜]ペン)[〜#〜] f [〜#〜]ont([〜#〜] f [〜#〜]ormat)、厳密性の低い形式は、一部のフォントが失敗すると、システムOpenType検証パスはWebフォントと同じように機能します(ユニバーサルに必要なすべてのOpenTypeデータがフォントがWebコンテキストでのみ動作するために必要なわけではないため)。

最後に、WOFF形式の選択肢があります。形式1はWOFFと呼ばれ、古い形式であり、PNG圧縮と同様にdeflateに基づく圧縮を使用します。 WOFF2と呼ばれる形式2は、brotliアルゴリズムに基づく圧縮を備えた新しい形式です。また、複数の言語をサポートするUnicodeフォントを扱う場合、最適化された配信のためにフォントを個別のファイルに「切り刻む」ことができます。すべてのファイルを同時に必要とするわけではないので、特定のページに必要なユニコード範囲をカバーするファイルのみを配信し、ページサイズとロード時間をもう少し抑えます。

結論として:前進の行進に向けて、WOFF(またはWOFF2)を使用してください。

そして、もちろん、 format() 値を使用して、@font-faceソースの形式を示すことを忘れないでください。

2018年10月編集

WOFF2は今では基本的にどこにでもあるので、すべての点でWOFFがWOFF2に劣ることを考えると、視聴者が時代遅れのデバイスを使用していることを知っている場合を除き、WOFFを気にしないでください。