Font Awesome没有出现在Internet Explorer 8中

时间:2012-10-01 20:19:24

标签: internet-explorer-8 font-awesome

我们最近开发了一个网站,它非常依赖Font Awesome作为其设计的一部分。我们正在使用之前的标准实现:内容及其提供的CSS。

由于某种原因,Font Awesome没有在IE8中显示。我花了几个小时进行故障排除并尝试各种修复,没有运气。

我有:

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

以下是网站:http://www.tetakere.org.nz - Hotlinks框是Font Awesome的一个很好的例子

有没有人对使本网站显示Font Awesome的其他方法有任何想法?

6 个答案:

答案 0 :(得分:18)

经过一些痛苦的故障排除后,我终于解决了问题。

解决方案是将HTML5Shiv从<head>部分加载到</body>标记之前。

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

答案 1 :(得分:9)

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

改变了头......

对我有用的是:

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

这也有效(我提到的最后一个答案):

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

另外,我读过(Force IE compatibility mode off using tags)你应该把元标记放在所有其他元标记之上,并且在任何条件IE语句之前;否则元标记将失效。

答案 2 :(得分:2)

我不需要html5shiv来让FontAwesome在IE8中工作。 This answer(重新创建.eot文件并替换旧文件)解决了我的问题。

答案 3 :(得分:2)

我尝试了修改我的apache配置和.htaccess文件而没有运气的一切。在IE开发工具中,我偶然发现了“文档模式”,默认为IE7。经过一些研究后我发现了这个元标记:

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

现在IE 10和9正确格式化我的网站并正确显示所有Font Awesome图标。

如果你仍然想要IE 8 compat那么你可以从这开始:

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

希望有帮助...

答案 4 :(得分:0)

  1. 将此添加到htaccess。 “BrowserMatch MSIE最佳标准支持标题集X-UA兼容IE = 8 env =最佳标准支持”
  2. 尝试重新转换eot字体
  3. doc compactibility mode chnage
  4. 试过usleep功能
  5. setInterval js
  6. 添加google html5脚本
  7. 在ie8
  8. 的身体部位调用css
  9. 添加数据图标类
  10. ad pseudo elements js
  11. 添加png&amp; svg在css中过滤
  12. 检查服务器中的字体类型权限
  13. 但最终在添加时起作用

      

    .sass和.less css

    文件

    快乐编码

答案 5 :(得分:0)

如果您使用的是IE8,则需要添加html5.js脚本,如:

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

它对我有用我相信它会起作用。参考链接 https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting#internet-explorer-compatibility-mode