アイコンをフォントグリフに変換しようとしています。
現在、問題はWindows7上のGoogleChromeでのフォントのアンチエイリアスです（OS Xでは見栄えがします）。私は2つのショットを撮りました。最初のショットでは、Firefox / Windows 7と、2番目のショットであるGoogle Chromeを除く他のすべてのブラウザーで見られるように、目的の動作を確認できます。その問題はフォント自体にありますか？それともシステム設定のせいですか？CSS設定にありますか？
Firefox 12 Windows 7
Google Chrome 18 Windows 7
最も問題のある部分は赤で強調表示されます。
text-shadow を使用すると少し効果があります。4 ～ 6 ピクセルのぼかしで少し影を追加してみてください。それをいじってみると、「スイートスポット」が見つかるかもしれません。フォント サイズによっては、他のサイズよりも問題が大きいように思われるものもあります。1 ～ 2 ピクセル上下に動かしてみて、問題が解決するかどうかを確認してください。私は今、Google でこの特定の風車に傾倒しており、誰かの注意を引くことができることを願っています。この画像では、上の例が IE9、下の例が Google Chrome (どちらも Windows 7) です。https://twitter.com/#!/tacomamama/status/197397136470589440/photo/1
フォントをキャンバスに配置すると、ウィンドウで滑らかに見えるため、ウィンドウのレンダリングフォントに従ってより良いオプションである代わりにCUFONを使用してください。@font-faceCUFON