Иконки 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;
}

Я использую атрибут data-icon (например, <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. В соответствии с этим вопросом переполнения стека ваша проблема может быть:

1. Предоставление оскорбительных элементов hasLayout, присваивая zoom:1 через CSS (собственный Internet Explorer).
2. @font-face Декларация отличается для Internet Explorer 7 (изложена в последнем ответе на вопрос).
3. Также может быть, что ваш тип шрифта не поддерживается должным образом.

И я думаю, @Damonsson имеет в виду поразительную способность Internet Explorer никогда не делать ничего, как ожидалось... или требовалось... или даже умоляюще, рыдательно умолять.

Хорошей охоты!

Answer 3

Следующее может помочь вам. Элементы PPseudo не поддерживаются до Internet Explorer 8. Я сам пытаюсь разобраться с дилеммой Internet Explorer 8...

http://icomoon.io/