Google Web フォントの「Signika」を使用することにしました: http://www.google.com/webfonts/specimen/Signika
私はこのフォントが正しくレンダリングされたときの見た目がとても気に入っていますが、ブラウザーやプラットフォームによっては、ユーザーにこの贅沢を提供していません。
これが私が観察したことです:
- Arch Linux - 最新の Chromium - パーフェクト
- Arch Linux - 最新の Firefox - パーフェクト
- Win7 64 ビット - 最新の Chrome - 悪い (記憶が正しければ、右の画像と同じ)
- Win7 64 ビット (virtualbox VM) - 最新の Firefox - 悪い (下の画像を参照)
- Win7 64 ビット (virtualbox VM) - IE9 - パーフェクト?? (下の画像を参照)
最後の2つは私を驚かせます。左がIE9、右がFirefoxでのレンダリング比較です。どちらも同じマシン上にあります (Win7 64 ビットの仮想ボックス VM)。
左側のものは滑らかになっているように見えます。ピクセルは黒でも白でもなく、その中間でもあります。右のものは2色しか使っていないように見えます。
IE9 のブラウザ モードが IE8 または IE7 に設定されている場合、フォントはそのマシンの Firefox のように見え始めます (滑らかではありません)。
私はこれを理解しようとしています。正確に何が起こっているのでしょうか。スムーズに見えるようにするために何かできることはありますか? 同様の問題を探し回り、次の推奨される修正/回避策を試しました。
font-smooth: always;
-webkit-font-smoothing: antialiased;
と
text-shadow:0 0 1px transparent;
効果なし。(最新のFirefoxを使用してWin7 64ビット(virtualbox VM)で試しました)
任意の提案をいただければ幸いです!