2016-03-19 6 views
16

今まで、私はポール・アイリッシュのbulletproof font-face syntaxフォントフェース宣言でeot、ttf、svgはまだ必要ですか?

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

答えて

29

短答:いいえ。

EOTは、IE8にのみ関連し、以下:技術として(ただし、トリビアなど。すべての方法ダウンIE4にIE実際に開拓しwebfonts)、およびSVGフォント(ないはSVG概説とOpenTypeフォントと混同される)were abandoned実際のウェブフォントが利用可能になった後は、制限が狂ってしまったからです。 2016年現在you just need WOFF。そして、WOFF2のより良いバージョンを利用したい場合は、only justがw3の勧告になった(この回答時点で)。

as of January 12th 2016, Microsoft ceased support for IE8 and below(IE9のサポートが限定されている):サポートされているOSごとに最新のブラウザがサポートされるようになりました。つまり、IE9はWindows XPではサポートされなくなりました。 Vista SP2とServer 2008 R2がそれぞれ2017年と2020年に拡張サポートの終了に達するまで、という技術的にはがまだサポートされています。もちろん、Windows Server 2008の場合、webfontのサポートは無関係で、古いバージョンのWindowsを使用している大半の企業は、Windows XP(危険な状態)またはWindows 7(いずれもWindows 10は2016年7月、29番目のバージョンはthe last dateで、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のバージョンによって、ブラウザの正確性を精査しています。ファイルタイプは、それが明示的になるように、これはW EB(Oペン)でWOFF、F ONT(F書式(O))を使用して、精査の少ない厳密形態は、いくつかのフォントそれはシステムのOpenTypeを失敗することを意味します検証パスは、ウェブフォントとしてはうまく機能するかもしれません(フォントが単なるWebコンテキストで動作するためには、必要な汎用性のOpenTypeデータがすべて必要というわけではないためです)。

最後に、WOFF形式の選択肢があります。形式1はWOFFと呼ばれ、以前の形式であり、PNG圧縮と同様にdeflateに基づく圧縮を使用します。 WOFF2と呼ばれるフォーマット2は、brotliアルゴリズムに基づく圧縮形式の新しいフォーマットで、複数の言語をサポートするUnicodeフォントを扱う際に、フォントを別々のファイルに分割して配信することもできます。特定のページに必要なユニコード範囲をカバーするファイルを配信するだけで、ページサイズと読み込み時間を少しずつ抑えることができます。

進行中の行進のための砲撃:ただ単にWOFF(またはWOFF2)を使用してください。

+1

本当に素敵な説明。 WOFF FTW! – Vucko

+1

ええ、私はこの概念を2番目にします。私が考えることができる唯一の現実的な例外は、WOFFをサポートしていない古い組み込みシステム/ブラウザで閉じたキオスク型のものがあり、アップグレードできず、カスタムフォントを使用したプレゼンテーションが重要である場合です。しかし、あなたは2つの問題(少なくとも)を持っています:-) – djangodude

+0

偉大な答え、そしてそこに本当に良い歴史があります。ありがとう! – paulcpederson

0

最新のブラウザとデバイスでは、ttfを使用すれば十分だと思います...私はfirefox、chrome、opera、android mobile(kitkat、mashmallow)とiPhone(6 to 7 Plus)で確認しました。上記のすべてのデバイスでTTFがサポートされているようです。

+0

あなたは実際に去年与えられた答えを読んだことがありますか? –

関連する問題