it-swarm.com.ru

Font Awesome 4.2.0 не отображается в IE11 с включенным режимом совместимости

Font Awesome 4.2.0 прекрасно отрисовывается в Chrome, Firefox, Safari, Opera и Internet Explorer 11 (но только с отключенным режимом совместимости). При включенном режиме совместимости глифы не отображаются. Я попытался использовать проверенный CDN Font Awesome 4.2.0, который я использовал в других проектах, используя Font Awesome CSS, и добавить <meta http-equiv="X-UA-Compatible" content="IE=Edge"> в <head>, как это было предложено в посте GitHub, чтобы позволить глифам Визуализация с включенным режимом совместимости. Ни одно из этих решений не работает, и отключение режима совместимости для этого проекта невозможно. Итак, в заключение, мой вопрос заключается в следующем. Как сделать так, чтобы Font Awesome 4.2.0 отображался в Internet Explorer 11 с включенным режимом совместимости?

9
racecarjonathan

Нашел решение. <meta http-equiv="X-UA-Compatible" content="IE=Edge"> должен быть помещен какFIRSTв <head> для того, чтобы он работал. Надеюсь, что это помогает любому, кто имеет эту проблему!

29
racecarjonathan

У меня была эта проблема с IE 11 на моей машине разработки (но не в другом месте). Мои параметры Интернета были настроены так, чтобы запрещать загрузку шрифтов. Вероятно, не будет распространенным явлением, так как я на Windows Server, но если это так, попробуйте это исправить:

[Gear] >> Свойства обозревателя >> Безопасность >> Пользовательский уровень >> Загрузка >> Загрузка шрифта >> Включить

6
Jesse Sierks

Я также столкнулся с той же проблемой. В моем случае ниже исправление работает:

Firefox (и, в меньшей степени, Chrome и IE) имеет проблему, из-за которой не удается загрузить шрифт и поэтому неправильно отображает какие-либо значки.

В некоторых местах было обнаружено очень простое исправление, одним из которых является cdnjs/cdnjs # 755.

Исправление заключается в добавлении следующего в начало файла font-awesome.css (до вызова @ font-family):

Набор заголовков Access-Control-Allow-Origin "*" 

Источник: https://github.com/thingles/foreground/issues/222

1
naresh goyal

В моем случае это был набор display: table для элемента. Удаление это решило проблему.

0
Nina

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

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Надеюсь это поможет!

0
user1853243

Посмотрите на удаление тегов версии из конца файлов. Эти теги приводят к тому, что IE подходят.

Правка это ...

../fonts/fontawesome-webfont.eot?v=4.3.0'

к этому...

../fonts/fontawesome-webfont.eot'
0
Kickasstimus