2011-12-30 7 views
6

何らかの理由でIE9は、IE7、IE8、Chrome、Firefoxなどの他のブラウザよりもArialフォントを大胆にレンダリングします。私はCSSの理由を探しましたが、間違ったものは見つかりませんでした。Internet Explorer 9は他のブラウザよりArialを強力にレンダリングするのはなぜですか?

もう1つのことは、私のウェブサイトのほとんどで1〜2ピクセルの単語間隔がありましたが、IE9はそれが広すぎることを示していたため、通常の単語間隔で条件付きCSSを作成しました。

あなたは添付のスクリーンショットの違いを見て、また、この一時的なリンクでそれを見つけることができます。 http://pat.co.il/shirg/matanuziel.com/ chrome on the left, ie9 on the right

任意のアイデアが理解されるであろう。 ありがとう

+0

この問題が発生するのはあなたのサイトだけですか、またはarialフォントを使用するすべてのサイトですか? – Dan

+0

良い点。私はいくつかのブラウザでcnn.comを見てみましたが、すべて同じように見えます。それが私のウェブサイトと関係があると思う理由です。 –

+2

はい、IE 9のレンダリングエンジンをFirefox 4以上と同じようにDirectWriteを使用するように変更しました。私はそれを気にしない。テキストがすべてぼやけて見えるようにします。 DirectWriteチーム全体のように、他の人がそれに興奮しているようです。あなたのサイトやCSSには問題はありませんが、影響力のある大きなグループの開発者の目には問題があります。 –

答えて

5

問題はブラウザで、あなたのサイトではありません。

Internet Explorer 9では、サブピクセル位置のClearTypeを使用してDirectWriteを使用してテキストを描画します。これは、他のブラウザと比較してレンダリングの違いを引き起こす可能性があり、予期される動作です。それはあなたが見ているように、少しだけテキストがぼやけてしまうことがあります。


はサイドノートとして、あなたはすべてのユーザーに対しても非標準フォントを使用し、それらを(resonably)レンダリングしたい場合 TypeKitを使用して検討すべきです。おそらく、ここで経験しているものと同じオーダーの大きさで、ブラウザ間でレンダリングの相違が少なくなることに注意してください。

アランが述べたように、normalize.cssを使用するとよいでしょう。

+0

IE6でうまくいくはずのreqに会うためにいいCSS3のfeautresのためのハックを開発するのが好きですか? :/ –

+0

@fabianhjr。または悪い。 –

+0

これには解決策はありますか? Cufonのような(私はそれを使用したことがない)? –

0

normalize.cssをご覧になる価値があります。私はそれがあなたの特定の問題に対処するかどうかはわかりませんが、私はそれが良い出発点であることを発見しました。

+0

ありがとう。それは良い出発点に見えます。チェックするために追加しましたが、フォントの問題には役立ちませんでした。私は何も私はそれに深くしようとするのに役立ちます。 –

+0

@ShirGansこれは問題ではありません。それにもかかわらず、これは良い提案です。 –

関連する問題