27

プロジェクトで派手なフォントを使用する必要がありますが、sifr やその他の醜い代替フォントは避けたいので、@font-face を見ています。

しかし、その使いやすさについてさまざまな見解を提供しているブログやサイトがいくつかあることに、私は本当に困惑しています。準備はまだですか?現在、どのブラウザがサポートしていますか?

ありがとう

4

2 に答える 2

31

現在、ほぼすべてのブラウザが実装しています。唯一の問題は、Internet Explorer が独自の OTF 形式のフォント ファイルを必要とし、TTF 形式を認識しないことです。@font-face で使用するフォントを提供する多くのサイトでは、Internet Explorer と他のブラウザーの両方で表示するために必要な形式と CSS の両方が提供されます。

http://www.fontsquirrel.com/を見て、事前に作成された @font-face ダウンロード (ファイル形式と関連する CSS の両方) に付属するフォントの無料ライブラリの良い例を確認してください。

于 2010-02-08T06:27:26.997 に答える
7

Paul Irish は @font-face の現在の状態を概説しました。以下は、スライドショーとボストンでの小規模な集まりで、すべてをレビューしています。

http://paulirish.com/squeeze/

http://www.ustream.tv/recorded/4828154

簡単な答えは、A+ ブラウザーの 95% がそれを使用しているということです (FF 3.0 は例外です)。ライセンスの取得は難しい場合がありますが、FontSquirrel、FontDeck、FontSpring などのいくつかのツールが役に立ちます。

おそらく、実装で最も難しい部分は、ロード時に FOUT (「スタイル設定されていないテキストのフラッシュ」) が発生する Firefox を処理することですが、次のようないくつかの回避策があります。

http://paulirish.com/2009/fighting-the-font-face-fout/

http://inspiringpixel.com/articles/web-design/fight-the-fout/240/

http://www.stevesouders.com/blog/2009/10/13/font-face-and-performance/

于 2010-04-22T12:31:20.200 に答える