web-dev-qa-db-ja.com

このGoogleフォントをInternet Explorer 11で機能させる方法

私のウェブサイトではMontserratフォントを使用していますが、IE11（windows 7）では表示されません。私は数日前にこの別の質問をしました： MontserratフォントがIE 10 and 11）に表示されない

今私はCSSを通してモントセラトグーグルフォントを追加しようとしていますが、それはうまくいかないようです。これは私のコードです：

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/montserrat-regular-webfont.eot');
    src: url('assets/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/montserrat-regular-webfont.woff') format('woff'),
         url('assets/fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('assets/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
cssinternet-explorerfontsgoogle-webfonts
8
ThemesCreator

使用する：

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

スタイルシート内でそれを呼び出すには：

font-family: 'Montserrat', sans-serif;

何かをそのフォントにするには….

Googleフォントから：「注：IEで最適に表示するには、スタイルシートタグをHTMLセクションの最初の要素にします。IEでは、リンクがタグの後に配置されている場合、ページ全体がブロックされ、フォントが読み込まれるまで何も表示されません。 」

<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

それが機能しない場合は、これを試してください： https://developers.google.com/fonts/docs/webfont_loader#Example

これにより、すべてのブラウザが「Firefoxのように動作」します。

9
Refilon