@ font-faceを使用してカスタムフォントを使用することにより、面白いフォントを使用して正しく表示するWebページにいくつかのコンテンツがあります。すべてのブラウザで正しく表示されない可能性があるという警告を含めます。コンテンツはページにとってそれほど重要ではないので、代わりに私が本当にやりたいのは、ブラウザのバージョンやスクリプトのブロックなどの理由で、ブラウザがそれを実行しない場合にコンテンツを表示しないことです。それを行う方法はありますか？
質問する
1247 次
1 に答える
6
Modernizr にはこれが組み込まれています。@font-face のサポートのみをチェックするビルドへのリンクを次に示します。 http://modernizr.com/download/#-fontface-shiv-cssclasses-teststyles-load
Modernizr.fontface次に、JS forまたは css forをチェックインできます.fontface { }。
これを行う方法の派手な説明は次のとおりです。 http://paulirish.com/2009/font-face-feature-detection/
明確にするために、Android の一部のバージョンを除いて、@font-face を使用してほぼすべてのブラウザーをサポートできます。 http://caniuse.com/#search=font
@font-face のより大きな問題は、@font-face の基本的なサポートではなく、より制限された特定のフォント ファイル タイプのサポートです。個人的には、IE9+ で動作する WOFF を使用することをお勧めします。あるいは、Typekit または Font-Squirrel を使用すると、すぐにすべてのブラウザーをほぼサポートできます。
于 2012-04-26T18:29:20.817 に答える