Шрифт 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

файлы

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

Ответ 6

Если вы используете IE8, необходимо добавить html5.js script как:

<!--[if lt IE 9]>
  <script     src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->

Это работает для меня, я уверен, что это сработает. Ссылки https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting#internet-explorer-compatibility-mode