私はアイコン用の基本ビットマップフォントを持っています。IEとFFのビットマップフォントのアンチエイリアスを防ぐ方法
Chromeでは鮮明ですが、IEやFFのフォントスムージングではアイコンがぼやけて見えます。
問題を解決する方法の提案はありますか？
スクリーンショット：フォント顔が最適な設定を使用してhttp://www.fontsquirrel.com/fontface/generatorによって生成された@http://imgur.com/TX79g
で作成されました。また、同じ結果を持つフォントヒントを削除するためのエキスパートもいました。
ありがとうございました。
なぜフォントを使用しますか？ CSS sprite stripsと組み合わせた画像を使用すると、同じ効果が得られます。それはおそらく、より多くのクロスブラウザーと小さな要求サイズにもなります。
背景画像特定のクラスのCSSプロパティをアイコンに設定すると、そのクラスでHTMLを追加するだけで、アイコンが魔法のように表示されます。
EDIT：あなたは色のさまざまな必要がある場合は 、それを行うための一つの方法は、背景色の上に透明のマスクを使用することです：http://jsfiddle.net/Z5RvT/1/
これは、異なるブラウザでのテキストのレンダリングに関係していますおよびオペレーティングシステム。 Webkitブラウザ（SafariとChrome）のデフォルトはsubpixel-antialiasedと思います。 font-smooth cssプロパティを使用して試してみることもできますが、どれくらい広くサポートされているかわかりません。 Typekitには、テキストレンダリングについてはarticlesという束がありますが、複数のブラウザ間で非常に一貫性のある外観を探している場合、最良の選択肢はイメージスプライトです。
提案していただきありがとうございますが、アイコンフォントが使用されているため、テーマ設定のために色を簡単に変更することができます。 – Enkay
スプライトイメージを色付けし、スプライトとしてさまざまな色を読み込むことができます。より表現力豊かな色のセットが必要な場合は、アイコンを透明にして「マスク」にし、その背後に背景色の要素を設定することができます。 – Art
マスクの色を異なる背景色に合わせて変更することをお勧めしますか？ – Enkay