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

在iconmoon上生成图标时，请转到首选项并检查ie6和ie7的支持

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

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

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

Answer 2

当我使用Joomla 3x与Bootstrap和IcoMoon时，我一直在寻找这个自相同困境的答案。它也无法在Internet Explorer 7或Internet Explorer 6中运行。根据此Stack Overflow question，您的问题可能是：

1. 通过CSS（Internet Explorer专有）分配zoom:1来给予违规元素hasLayout。
2. @font-face声明对于Internet Explorer 7是不同的（在对问题的最后回复中概述）。
3. 也可能是您的字体类型不受支持。

我认为@Damonsson指的是Internet Explorer的惊人能力，从不按预期做任何事情......或要求......甚至恳求，呜咽地要求做。

快乐狩猎！

Answer 3

以下内容可能对您有所帮助。在Internet Explorer 8之前不支持PPseudo元素。我试图弄清楚Internet Explorer 8的困境......

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