回答:
これは、@ font-face、ハッキングの修正などすべてをロードする標準的な方法です!
@font-face {
font-family: 'BebasNeueRegular';
src: url('BebasNeue-webfont.eot');
src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('BebasNeue-webfont.woff') format('woff'),
url('BebasNeue-webfont.ttf') format('truetype'),
url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}
ただし、SVGを削除すると、iOS <5.0のサポートがほぼ完全に失われます
することができます私の使用してのための優れたテーブルあり、一般的にブラウザのサポートを別のEOTのために、別のWOFFを、まだのための別のSVG多くのため、最終的に1 TTF。わかりやすくするために以下に挿入しました。これにより、テストの対象がわかりますが、これは非常に急速に変わることを念頭に置いてください。
wyuによる編集:サポートを並べて表示できるようにテーブルをコンパイルしました
@ font-faceブラウザの一般的なサポート
EOTブラウザのサポート
WOFFブラウザーのサポート
SVGブラウザのサポート
TTFブラウザのサポート
woff
されていないAndroidストックブラウザのバージョンの使用がグローバルユーザーの2%未満に減少し、ストックAndroidブラウザがChromeによって食い止められることを知ってください。Android(16%)およびUC(8%)、どちらもサポートしていwoff
ます。Firefox for Androidも。ただし、その使用率が1%を超えることはありません。あなたは今、私が理解しメーガン・トレイナーことで、10月2014年慣習だった「低音がそれについてのすべて」にリスニングに戻してもよい
SVGは@ font-faceでどこにも行きません。ただし、EOTはIEでサポートされています。TTFおよびOTFは、他のすべての主要なブラウザーでサポートされています。WOFFに関しては、TTFやOTFと類似しているため、TTFまたはOTFと同じブラウザーでサポートされている可能性が高いです。私の提案は、あなたが本当に興味があるなら、ブラウザで各@ font-face拡張機能を試して、何を取得するかを確認し、W3Cに取得したものを送信して@ font-face記述子の標準ページを更新してください。(現在のところ、「安全な」フォント拡張機能も含まれていません)。
他のすべてが失敗した場合、私はW3Schoolsが最新のものであると確信しています:http : //www.w3schools.com/cssref/css3_pr_font-face_rule.asp
Webfontベンダーは、フォントのeotサポートをすぐに提供する必要があります。これは特にこのためです。これは、クラウドベース(包含または除外のオプションを含む)であっても、これが2番目の性質であると考えるでしょう。@ eb_p1