IcoMoon图标在Internet Explorer 8中不起作用

Question

我在我的网站上使用IcoMoon图标，虽然它们在所有现代浏览器中都能完美地工作，但它们在Internet Explorer 7中根本不起作用，在Internet Explorer 8中显示为小方框。除了字体的相对路径外，CSS如下所示，它来自IcoMoon：

@font-face {
    font-family: 'icomoon';
    src:url ('../fonts/icomoon.eot');
    src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.woff') format('woff'),
        url('../fonts/icomoon.ttf') format('truetype'),
        url('../fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-variant:normal;
}

我使用的是数据图标属性(例如<li data-icon="&#xe003;"><a href等)在我的导航中显示图标。

问题会是什么呢？

Answer 1

在图标月亮上生成图标时，请转到首选项并选中对ie6和ie7的支持

​

你会在你的字体中得到一个单独的ie7文件夹，然后在你的头脑中使用类似这样的东西。

<!--[if lte IE 8]>
        <link rel="stylesheet" href="ie7/ie7.css">
<![endif]-->

有两个文件可以使用ie7.css或ie7.js

Answer 2

我一直在互联网上寻找这个困境的答案，就像我在Bootstrap和IcoMoon上使用Joomla 3x一样。它在be 7或be 6中也不起作用。根据这个Stack Overflow question，你的问题可能是：

1. 通过使用CSS分配hasLayout来赋予违规元素zoom:1 (Internet和Explorer的@font-face声明对于Internet Explorer 7是不同的(在对该问题的最后一次回答中概述)。
2. 也可能是您的字体类型不受正确支持。

我认为@Damonsson指的是Internet Explorer令人震惊的能力，永远不会按预期做任何事情……或必需的..。甚至是恳求地、哭诉着地恳求做什么。

祝您打猎愉快！

Answer 3

下面的内容可能会对你有所帮助。在IE8之前不支持PPseudo元素，我自己也在尝试弄清楚IE8的困境……

http://icomoon.io/#docs/lte-ie7