Шрифты значков не загружаются в IE11

после исследования той же самой проблемы и прохождения различных решений, размещенных в Интернете, я создал следующий список устранения неполадок, который охватывает большинство потенциальных причин:

1. загрузка шрифта отключен в IE в Свойства обозревателя / безопасность / другой / шрифт загрузки включить /выключить. Они могут быть отключены администратором сети, и в этом случае вы не сможете увидеть или изменить этот параметр.
2. ваши заголовки HTTP предотвращают IE от хранения файла шрифта локально. Чтобы исправить, удалите любой Cache-Control: no-store, no-cache или Pragma: no-cache заголовки, или любое Expires заголовок с датой в прошлом. Также Vary заголовок имеет свои трюки в IE, если он установлен на что-либо, кроме Accept-Encoding, User-Agent, Host или Accept-Language тогда IE ничего не будет кэшировать,если an ETAG заголовок также присутствует (см. это сообщение в блоге MSDN).
3. вы не устанавливаете правильные типы MIME для загрузки шрифта. Например, Пристань 9 будет установлена по умолчанию Content-Type: text/plain для обычных типов шрифта (eot, woff, woff2). См.ответ для правильных типов контента для использования.
4. обязательно используйте display: block или display: inline-block для элемент иконок.
5. наконец, убедитесь, что пройти через руководство по устранению неисправностей на FontAwesome.

у меня была аналогичная проблема, и, похоже, это вызвано тем, что IE испытывает трудности с некоторыми display и position настройки в сочетании с iconfonts.

обычно он должен работать, используя:

element:before {
     display:block;
     position: absolute;
     ... your styles ...
}

Я сталкивался с аналогичной проблемой, но с Bootstrap иконки шрифта (технологии glyphicons). Вы можете попробовать, если это работает:

(обычно в Windows 10) настройки IE-11 были изменены, чтобы не загружать внешние шрифты и использовать только шрифты, доступные в windows. Это поведение по умолчанию.

однако мы можем изменить этот параметр в IE, чтобы он мог загружать внешние шрифты. Ниже приведены шаги, которые необходимо предпринять в IE- Перейдите к: Настройки > > Свойства обозревателя >> Безопасность

нажмите " Интернет "(или любую зону, которую вы можете использовать) > > "пользовательский уровень..."
Далее в параметры безопасности’ – скачать шрифт включить‘’. По умолчанию он будет отключен.

обновить страницу

синтаксис правильный, однако может возникнуть проблема с тем, как любой конвертер, который вы использовали для преобразования .tff to .ВФ. См. эту статью для получения более подробной информации по этому вопросу в целом http://www.iandevlin.com/blog/2009/12/webdev/adventures-with-font-face

в то же время вы можете попробовать протестировать проблему с помощью шрифта, размещенного в Google fonts. Я говорю это, потому что Google обрабатывает кросс-совместимость браузера легко. Если выяснится, что Google font работает, тогда вы знаете, что это проблема с тем, как ваш шрифт был преобразован, и вам нужно попробовать другой. Из того, что я понимаю Шрифт Белка действительно хорошо генерирует кросс-браузерные совместимые шрифты. Надеюсь, это поможет удачи

Это проблема: https://docs.microsoft.com/en-us/windows/security/threat-protection/block-untrusted-fonts-in-enterprise#Turn_on_and_use_the_Blocking_untrusted_fonts_feature

в основном Microsoft заставляет нас вернуться к использованию листов sprite.

в моем случае, он был поврежден .файл шрифта eot. Я создал новый (+ new .стили css), и это исправило проблему. Попробовать его.

PS. Убедитесь, что вы поддерживаете EOT для IE на @font-face, например:

@font-face {
  font-family: "fontName";
  src:url("../../src/theme/fonts/fontName.eot");
  src:url("../../src/theme/fonts/fontName.eot?#iefix") format("embedded-opentype"),
  url("../../src/theme/fonts/fontName.woff") format("woff"),
  url("../../src/theme/fonts/fontName.ttf") format("truetype"),
  url("../../src/theme/fonts/fontName.svg#fontName") format("svg");
  font-weight: normal;
  font-style: normal;
}