ここに私のHTMLコードがあります。問題は、IE 10がh2タグでExo 2フォントを使用できないことです。それはタホマを使用します。 Firefoxなどはすべてのフォントを正しく表示できます。IE 10は、Googleフォントの代わりにTahomaを表示します。
<head>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Exo+2:500,600" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Exo+2:500" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Exo+2:600" />
<![endif]-->
</head>
<body>
<p>Here the font is Exo 2. So, everything is just fine!</p>
<h2>Here the font should not be Tahoma, but it is when using IE 10</h2>
</body>
ここに私の現在のCSSコードがあります。 H2タグはエキソ2とフォントウェイト600が、IE 10のTahomaの代わりに、エキソ2.
私はすべてこの問題を解決する可能性がどのようにbody {
font-family: "Exo 2", Tahoma, sans-serif;
font-weight: 500;
font-size: 11px;
color: #000000;
}
h2 {
font-family: "Exo 2", Tahoma, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 12px;
color: #B4166F;
}
とすべきですか?ところで、私はJavaScriptやjQueryを使用しないことを好みます。
編集:値が500のすべての時間であれば
は、私はちょうど気づいたこれはフォントの太さ600とは何かを持っているかもしれないと、IEは正しくフォントエキソ2を表示します。しかし、私は600と500を交換する際に、IEの代わりにエキソ2.
body {
font-family: "Exo 2", Tahoma, sans-serif;
font-weight: 500;
font-size: 11px;
color: #000000;
}
h2 {
font-family: "Exo 2", Tahoma, sans-serif;
font-style: normal;
font-weight: 500; /* if this is 500, no problems at all! */
font-size: 12px; /* this works fine, too */
color: #B4166F;
}
<head>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Exo+2:500,600" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Exo+2:500" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Exo+2:600" />
<![endif]-->
</head>
<body>
<p>Here the font is Exo 2. So, everything is just fine!</p>
<h2>Here the font is Exo 2 when using IE 10 if the font-weight of h2 is 500 instead of 600. So, works just fine. But when the font-weight is 600, here the font will be Tahoma istead of Exo 2 when using IE 10. Should be Exo 2.</h2>
</body>
編集2のTahomaが表示されます。
私はちょうど、私がアドレスバーやプレスにURLを入力すると、入力したことに気づきましたフォントExo 2がIEに正しく表示されます。ページを更新すると、Tahomaが再び表示されます。私はなぜこれが起こっているのか分からない。
私は次に何を試すべきですか?
フォントファミリの属性からTahomaを削除するとどうなりますか? –
Exo 2とsans-serifしか持っていない場合、IE 10はArialを使用します。 – xms