internet-explorer-8 - Font Awesome 未出现在 Internet Explorer 8 中

标签 internet-explorer-8 font-awesome

我们最近开发了一个非常依赖 Font Awesome 作为其设计一部分的网站。我们使用 before:content 及其提供的 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 的其他方法有任何想法?

    最佳答案

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

    解决方案是从 <head> 移动 HTML5Shiv 的加载。部分就在</body>之前标签。

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

    关于internet-explorer-8 - Font Awesome 未出现在 Internet Explorer 8 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12680446/

    相关文章:

    html - 如何使用:before and :after pseudo-elements

    javascript - angularjs 中的 ng-show 不适用于 span

    css - 将 CSS 缩放值应用于 DIV 时,IE8 不会缩放内容

    selenium-webdriver - 使用 selenium 2.29 和 IEDriverServer.exe 在 IE 8 和 IE 9 上运行的测试真的很慢

    javascript - 设置 $(this).val() 时 IE8 堆栈溢出

    html - 垂直负边距在 IE8 中不起作用?

    javascript 在 ie8 中不工作

    html - FontAwesome 5 - 多色图标

    angular - ionic 作用表 : How to use Custom Icons from Fontawesome?

    html - 使用 Angular 工作的 HTML 输入中的 Font Awesome 图标