Google字体仅显示IE重量

Question

我正在尝试以不同的重量在我的网站上使用Google字体。这是我正在使用的代码：

<link href="//fonts.googleapis.com/css?family=Roboto:100,300,500" rel="stylesheet">

在Chrome和Safari中一切正常。但是在IE中，无论我设置了一个元素，一切都看起来大胆。

我找到了一项工作。如果我单独加载每个字体重量（带有下面的代码），则一切都在IE中起作用。

<link href="//fonts.googleapis.com/css?family=Roboto:100" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Roboto:500" rel="stylesheet">

可行的，但效率低下。有人有更好的解决方案吗？

谢谢！

Answer 1

尝试将适当的Google字体提出建议的行：

<link href='https://fonts.googleapis.com/css?family=Roboto:100,300,500' rel='stylesheet' type='text/css'>

或将字体放入您的CSS文件中：

@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,500);

不知道还有什么可以帮助的，对不起。

Answer 2

事实证明，IE设置为以兼容模式加载Intranet站点。由于开发环境在本地网络上（因此是Intranet站点），因此在不知情的情况下，IE正在转变为兼容模式。打开该设置修复了问题