我们最近开发了一个网站,它非常依赖Font Awesome作为其设计的一部分。我们正在使用之前的标准实现:内容及其提供的CSS。
由于某种原因,Font Awesome没有在IE8中显示。我花了几个小时进行故障排除并尝试各种修复,没有运气。
我有:
以下是网站:http://www.tetakere.org.nz - Hotlinks框是Font Awesome的一个很好的例子
有没有人对使本网站显示Font Awesome的其他方法有任何想法?
答案 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)
但最终在添加时起作用
.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