字体令人敬畏而不是在Internet Explorer 8中出现
-
12-12-2019 - |
题
我们最近开发了一个网站,依赖于字体令人敬畏,作为它的设计的一部分。我们之前使用的标准实现:内容及其提供的CSS。
因为某种原因,字体令人敬畏在IE8中没有显示。我花了很长时间的故障排除和尝试各种修复,没有运气。
我有:
- 将EOT的Mimetype设置为应用程序/ vnd.ms-fontobject
- 将OTF的MimeType设置为应用程序/八位字节流 在加载所有CSS后,
- 执行了html5shiv。
- 各种重新加载页面加载中的CSS或DOM的尝试
这里是网站: http://www.tetakere.org.nz - 热门盒是字体令人敬畏的一个很好的例子
有没有人对其他方法有任何想法,让这个网站显示字体令人敬畏?
解决方案
解决方案是将HTML5Shiv的加载从<head>
部分移动到</body>
标签之前。
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</body>
. 其他提示
我知道这是一个较旧的问题,但我对这个问题有很多麻烦,除了最后一个问题,这些答案都没有帮助。
改变了头...
对我有什么用的是:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
.
这也有效(我提到的最后一个答案):
<meta http-equiv="X-UA-Compatible" content="IE=8">
.
也,我读取(兼容模式关闭使用标签)您应该将该元标签放在所有其他元标签上方以及任何条件IE陈述之前;否则元标签将无效。
我不需要html5shiv在IE8中获得FONTAWESOME。 这个答案(重新创建.the over redent oder oder over)解决了我的问题。
我尝试从修改我的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最佳标准 - 支持标题SET X-UA兼容IE= 8 ENV=最佳标准 - 支持”
- 尝试重新转换EOT字体
- Doc Compactibility Mode Chnage
- 尝试过ulleep函数
- setInterval JS
- 添加Google HTML5脚本
- 在身体部件中致电IE8 的CSS
- 添加数据图标类
- 广告伪元素js
- 在CSS中添加PNG和SVG过滤器
- 检查服务器中的字体类型权限
但最后在添加时工作
.sass和.less css
文件
快乐编码
如果使用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 /故障排除#Internet-Explorer-Compatibility-Mode