如何让这个谷歌字体在Internet Explorer 11上运行

9
我在我的网站上使用Montserrat字体,但它在IE11(Windows 7)上无法显示。我几天前提出了另一个问题:Montserrat字体在IE 10和11上无法显示
现在我正在尝试通过CSS添加Montserrat谷歌字体,但似乎不起作用。这是我的代码:
@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;

}

可能是重复的问题:Montserrat字体在IE 10和11上无法显示 - Prisoner
我在问题上进行了评论,我创建了你所提到的那个问题,但现在我正在尝试做问题答案中所说的事情,但遇到了问题。 - ThemesCreator
我知道,但是我在你的问题中没有看到任何区别。如果我错过了什么,请原谅。 - Prisoner
1个回答

10

用途:

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

在样式表中调用它:

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

从Google Fonts上得知:"注意:为了在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一样表现”。

@Genethic 请查看更新后的回答 :) 如果那个不行,请尝试这个: https://developers.google.com/fonts/docs/webfont_loader#Example - Refilon
@Genethic,Deer-Outdoor.nl 给出的示例是否解决了你的问题? - Montag451

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接