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

Question

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

@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，等）在我的导航中显示图标。

可能是什么问题？

Answer 1

当我使用带有Bootstrap和 IcoMoon 的Joomla 3x时，我一直在互联网上寻找这个同样困境的答案。它也不适用于 Internet Explorer 7 或 Internet Explorer 6。根据此Stack Overflow 问题，您的问题可能是：

1. 通过 CSS（Internet Explorer 专有）进行分配，为违规元素提供 hasLayout zoom:1。
2. Internet Explorer 7 的声明@font-face有所不同（在对该问题的最后答复中概述）。
3. 也可能是您的字体类型未得到正确支持。

我认为 @Damonsson 指的是 Internet Explorer 惊人的能力，它永远不会按照预期……或要求……甚至恳求地、哭泣地恳求做任何事情。

狩猎快乐！