Шрифт Awesome не отображается в Internet Explorer 8

Недавно мы разработали веб-сайт с сильной зависимостью от Font Awesome в рамках его дизайна. Мы используем стандартную реализацию с ранее: содержимое и предоставленный CSS.

По какой-то причине Font Awesome не отображается в IE8. Я потратил немало времени на поиск и устранение неполадок и исправил разные исправления, но не повезло.

У меня есть:

  • Установите mimetype EOT в application/vnd.ms-fontobject
  • Установите mimetype OTF, TTF в приложение/октет-поток
  • Выполнено HTML5Shiv после загрузки CSS.
  • Различные попытки перезагрузить CSS или DOM при загрузке страницы

Вот веб-сайт: http://www.tetakere.org.nz - поле Hotlinks является хорошим примером шрифта Awesome

Есть ли у кого-нибудь идеи относительно других подходов к тому, чтобы этот веб-сайт отображал шрифт Awesome?

Ответы

Ответ 1

После некоторого болезненного устранения неполадок я, наконец, отработал.

Решение заключалось в перемещении загрузки HTML5Shiv из раздела <head> непосредственно перед тегом </body>.

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</body>

Ответ 2

Я знаю, что это старый вопрос, но у меня было много проблем с этой проблемой, и ни один из этих ответов не помог, кроме последнего.

Изменена голова...

Что для меня работало:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Это также сработало (последний ответ, о котором я говорил):

<meta http-equiv="X-UA-Compatible" content="IE=8">

Кроме того, я прочитал (отключить режим совместимости IE с помощью тегов), чтобы вы поставили этот метатег выше всех других метатег и перед любыми условными операциями IE; в противном случае метатег будет признан недействительным.

Ответ 3

Мне не нужен html5shiv, чтобы заставить FontAwesome работать в IE8. Этот ответ (воссоздание файла .eot и замена старого) решил мою проблему.

Ответ 4

Я пробовал все: от изменения конфигурации apache и файлов .htaccess без везения. В инструментах разработки IE я наткнулся на "Режим документа", и по умолчанию был IE7. Поэтому после некоторых исследований я нашел этот метатег:

<meta http-equiv="X-UA-Compatible" content="IE=9">

Теперь IE 10 и 9 правильно отформатируют мой сайт и правильно отображают все значки шрифтов Awesome.

Если вам все еще нужна поддержка IE 8, вы можете начать с этого:

<meta http-equiv="X-UA-Compatible" content="IE=8">

Надеюсь, что это поможет...

Ответ 5

  • Добавлено это в htaccess. "BrowserMatch MSI best-standards-support Header set X-UA-совместимый IE = 8 env = best-standards-support"
  • попытка переконвертировать шрифт eot
  • Режим компактности компакт-дисков doc
  • попробовал функцию спящего режима
  • setInterval js
  • добавить google html5 script
  • вызов css в части тела для ie8
  • добавить класс значков данных
  • псевдо-элементы js
  • добавить фильтры png и svg в css
  • проверить тип шрифта Разрешение на сервере

но, наконец, работает при добавлении

.sass и .less css

файлы

счастливое кодирование