web-dev-qa-db-ja.com

@ font-faceは使用可能になりましたか?

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

しかし、私はその使いやすさについて異なる見解を提供しているいくつかのブログ/サイトと本当に混乱しています。準備はできていますか?今日、どのブラウザがそれをサポートしていますか?

ありがとう

27
eozzy

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

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

31
Jimmy Cuadra

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/

7
arxpoetica