我们最近开发了一个网站,依赖于字体令人敬畏,作为它的设计的一部分。我们之前使用的标准实现:内容及其提供的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">
.

希望有助于...

  1. 将此添加到htaccess中。“Browsermatch Msie最佳标准 - 支持标题SET X-UA兼容IE= 8 ENV=最佳标准 - 支持”
  2. 尝试重新转换EOT字体
  3. Doc Compactibility Mode Chnage
  4. 尝试过ulleep函数
  5. setInterval JS
  6. 添加Google HTML5脚本
  7. 在身体部件中致电IE8 的CSS
  8. 添加数据图标类
  9. 广告伪元素js
  10. 在CSS中添加PNG和SVG过滤器
  11. 检查服务器中的字体类型权限

    但最后在添加时工作

    .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

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top