3

Chrome、FF、IE8 でページをテストしたところ、すべてのブラウザでテキストが次のようにレンダリングされました。

ここに画像の説明を入力

次のように定義されます。

font-family: 'Arial', sans-serif;
font-size: 0.75em;  
font-weight: bold;

em の代わりに px を使用して、さまざまな方法で Arial を宣言しようとしました。また、重みを数値 (600、800) で定義します... しかし、IE9 のレンダリングは、他のブラウザーよりも「大胆」です。

ここに画像の説明を入力

何か助けはありますか？ありがとう

4

5 に答える 5

6

の重みを試したと言ったので、別の問題があるかもしれませんが、600一般に、IE 9 にArial太字でレンダリングするように指示すると、最終的に表示されるのは ではなくArial、Arial Black. この切り替えは とのfont-weightに対して行われます。800900

Arialに切り替えずに IE 9 で太字にするにはArial Black、次を使用します...

font-family: Arial, sans-serif;
font-size: 0.75em;  
font-weight: 700;

これにより、Firefox の同じ問題も解決されるはずです。

于 2012-08-28T18:30:21.370 に答える
5

この質問は、以前に StackOverflow で回答されています。これはブラウザーの問題です。IE9 ではフォントが異なって表示されます。DirectWrite と呼ばれる ClearType 技術を使用します。

私の個人的な意見では、これは大きな問題ではありません。Web サイトは、すべてのブラウザーでまったく同じように見えることはありません。本当に気になる場合は、IE-Hacks を追加することもできます (たとえば、ブラウザに IE8 レンダリングを強制的に使用させるなど) が、お勧めしません。

于 2012-04-12T10:47:27.737 に答える
4

簡単な回避策として HTML にメタ タグを配置すると、IE9 に IE8 をエミュレートして元のレンダリングに戻すことができます。

これを行う<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />には、セクションに配置します。

ただし、これにより、HTML5 や CSS3 のサポートの向上など、必要になる可能性のある他の IE9 機能が犠牲になります。

于 2012-04-12T10:53:37.097 に答える
1

IE in general tends to give me headaches. What I would do is use conditional CSS and remove the bold from the IE css

<!--[if IE 9]>
    <link rel="stylesheet" type="text/css" href="/ie9.css" />
<![endif]-->

And then define it like this

font-family: 'Arial', sans-serif;
font-size: 0.75em;
于 2012-04-12T10:42:03.710 に答える
0

font-weight:boldbody タグに誤って を設定したときに、この問題に遭遇しました。何らかの理由で、IE9 はすべての Arial テキストを他のブラウザーよりも太く表示しました。

于 2012-04-12T10:48:20.047 に答える