Internet explorer 8 Internet Explorer 8中未显示字体

我们最近开发了一个网站，作为其设计的一部分，它非常依赖于字体。我们将标准实现用于before:content及其提供的CSS

由于某些原因，IE8中没有显示字体真棒。我花了好几个小时排除故障并尝试各种修复，但运气不佳

我有：

• 将EOT的mimetype设置为application/vnd.ms-fontobject
• 将OTF、TTF的mimetype设置为application/octet stream
• 在加载所有CSS后执行HTML5Shiv
• 页面加载时重新加载CSS或DOM的各种尝试

以下是网站：-热链接框是字体真棒的一个很好的例子

---

有人有没有其他方法可以让这个网站显示出令人敬畏的字体？

经过一些痛苦的故障排除，我终于解决了这个问题

解决方案是将HTML5Shiv的加载从

部分移动到

标记之前

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</body>

---

我不需要html5shiv就可以在IE8中工作。

---

（重新创建.eot文件并替换旧文件）解决了我的问题。

我尝试了修改apache配置和.htaccess文件的所有方法，但没有成功。在IE开发工具中，我偶然发现了“文档模式”，默认为IE7。因此，经过一些研究，我发现了这个元标记：

<meta http-equiv="X-UA-Compatible" content="IE=9">

现在IE 10和9正确设置我的网站格式，并正确显示所有字体图标

如果您仍然需要IE 8 compat，则可以从以下内容开始：

<meta http-equiv="X-UA-Compatible" content="IE=8">

希望这有助于

将此添加到htaccess。“BrowserMatch MSIE最佳标准支持标头集X-UA-Compatible IE=8 env=最佳标准支持”

正在尝试重新转换eot字体

文档压缩模式技术

usleep函数

setInterval js

添加谷歌html5脚本

在ie8的主体部分调用css

添加数据图标类

ad伪元素js

在css中添加png和svg过滤器

检查服务器中的字体类型权限

但当添加时，最终会起作用

.sass和.less css

档案

---

快乐编码

我知道这是一个较老的问题，但我在这个问题上遇到了很多麻烦，除了最后一个问题，这些答案都没有帮助

换了头

对我起作用的是：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

这同样有效（我提到的最后一个答案）：

---

另外，我读到（）您应该将该元标记置于所有其他元标记之上，并置于任何条件IE语句之前；否则meta标记将无效。

如果您使用的是IE8，则有必要添加html5.js脚本，如：

<!--[if lt IE 9]>
  <script     src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->

它对我有用我相信它会有用的。参考链接

---

这为我在IE7中修复了它，但不是在IE8中。它可能与字体加载之前的内容呈现有关。为了解决这个问题，我还将

html5 shiv

放在后面。看见

<!--[if lt IE 9]>
  <script     src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->