IE7 не загружается eot webfont
У меня проблемы с пользовательским пакетом иконок в IE7. Это не загружается вообще. Отлично работает в IE8+, FF и Chrome. IE8 также использует eot, так что это не проблема с самим файлом шрифта.
В режиме IE7 IE11 на вкладке Network показывает, что вообще нет запроса к файлу eot (но он работает в режиме IE8, а также пробовал собственный IE7 на виртуальной машине).
Я попробовал Fiddler также, чтобы проверить, есть ли запрос, но ничего.
Я использую следующий код для встраивания шрифта:
@font-face {
font-family: "Icons";
src: url("./Icons.eot");
src: url("./Icons.eot?#iefix") format("embedded-opentype"),
url("./Icons.woff") format("woff"),
url("./Icons.ttf") format("truetype"),
url("./Icons.svg#Icons") format("svg");
font-weight: normal;
font-style: normal;
}
Я также попытался сосредоточиться только на IE7, поэтому я удалил их и использовал только это:
@font-face {
font-family: "Icons";
src: url("./Icons.eot");
font-weight: normal;
font-style: normal;
}
По-прежнему безуспешно, Фиддлер все еще не видел ни одного запроса к файлу.
Я использую сервер Nginx, добавил следующий тип MIME для файлов eot: application/vnd.ms-fontobject
Также, даже если это не междоменный запрос, я добавил Access-Control-Allow-Origin
просто наверняка.
Любые подсказки, почему нет даже запроса вообще?
1 ответ
Я решил пойти "FontAwesome way". Я создал отдельную таблицу стилей IE7 с выражением CSS.
.icon-caret-down {
font-family: "Icons";
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
font-style: normal;
}