IE Intranet 兼容性视图不包括某些字体

Question

我有一个网站正在使用来自 Google Fonts API 的字体 Lato，其权重为 400、300 和 100。该站点在我的本地计算机上运行良好，但是当发布到 Intranet 时，Lato 字体消失并退回到另一种字体。我意识到这是兼容性视图的问题，因为当（IE 11）中的框未选中“在兼容性视图中显示 Intranet 站点”时，问题就会消失。但是我不能禁用兼容性视图，因为 Intranet 上的某些站点需要它，它会导致问题。

有没有办法让这个字体正常工作？我已经尝试过 Google，并且出现的各种回复都说尝试在 html 中使用元标记，但这对我不起作用。不幸的是，为 FireFox 完全放弃了 Internet Explorer，Chrome 也不是一种选择，尽管该字体在 FireFox 和 Chrome 中都可以使用。

这是我导入字体的方式：

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

在 CSS 中使用：

h1 {
  font-family: "Lato", Arial, sans-serif;
  font-weight: 100 !important;
}

任何帮助将不胜感激， 谢谢

Answer 1

在兼容模式下，src 属性解析器的 IE 错误看起来很丑陋。更多信息和修复可以在this answer找到。

Answer 2

您使用兼容模式的事实告诉我您正在尝试让 IE 使用不支持网络字体的 IE 9 或更低版本，那么 9 支持，但不支持 8 或 7。如果该网站在 Chrome 中运行并且FireFox，然后只需在边缘或最新版本的 IE 中渲染网站，享受现代的美好。