2016-08-02 14 views
0

ここに私の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が再び表示されます。私はなぜこれが起こっているのか分からない。

私は次に何を試すべきですか?

+0

フォントファミリの属性からTahomaを削除するとどうなりますか? –

+1

Exo 2とsans-serifしか持っていない場合、IE 10はArialを使用します。 – xms

答えて

0

解決済み。ツール - >インターネットオプション - > Internet Explorerの設定をリセットします。これは私を助けた。今IE 10はGoogleフォントでうまく動作します。

0

条件付きコメントは、IE9以降はIEで動作しなくなりました。私はExo2がなぜ起こらないはずのh2原因でしか動作しないのかについては別のところを調べるだろう。

+0

フォントはh1とh2では機能しません。 – xms

関連する問題