IcoMoon图标在Internet Explorer 8中无法正常使用。

Question

我在我的网站上使用IcoMoon图标，在所有现代浏览器中都能完美地工作，但在Internet Explorer 7中根本无法工作，并且在Internet Explorer 8中显示为小框。以下是CSS，除了字体的相对路径外，这些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;
}

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

问题可能是什么？

- user2078540

---

你的问题的答案就在你的问题中：IE8 ;) - Damonsson

你能给我讲解一下吗？ - user2078540

Answer 1

当您在IconMoon上生成图标时，请转到“首选项”并勾选对IE6和IE7的支持。 您将在字体文件夹中获得一个单独的ie7文件夹，然后在标记中使用类似于以下内容的代码。

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

你可以使用两个文件之一，ie7.css 或 ie7.js。

- Muhammad Ahsan

Answer 2

我一直在网上搜寻答案，因为我使用Joomla 3x与Bootstrap和IcoMoon时遇到了同样的困境。它在Internet Explorer 7或Internet Explorer 6中也无法正常工作。根据这个Stack Overflow问题，你的问题可能是：

1. 通过CSS（Internet Explorer专有）分配zoom:1来给有问题的元素设置hasLayout。
2. @font-face声明在Internet Explorer 7中不同（在问题的最后一个回答中概述）。
3. 也可能是你的字体类型没有得到正确支持。

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

祝你好运！

- user651390

Answer 3

以下内容可能会对你有所帮助。在Internet Explorer 8之前，不支持Pseudo元素。我自己也在努力解决Internet Explorer 8的问题...

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

- LT86

---

所以你一直在纠正错别字，结果自己也犯了一个。'PPseudo'不是一个单词。 - LT86