Internet Explorer не будет отображать значок шрифта, используя @ font-face - PullRequest
Новая
       20

Internet Explorer не будет отображать значок шрифта, используя @ font-face

3 голосов
/ 07 марта 2012

У меня проблемы с загрузкой шрифта в IE (IE9). Прекрасно работает в Chrome.

Вы можете увидеть проблему, посмотрев на эту Fiddle . В IE9 отображается поле, а в Chrome - звездочка.

Я использую найденный пакет FontAwesome здесь . Я думаю, что проблема заключается в объявлении @ font-face в верхней части файла .css (показано ниже). Может кто-нибудь понять, почему IE не отображает этот шрифт? 

@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
     url('../font/fontawesome-webfont.woff') format('woff'),
     url('../font/fontawesome-webfont.ttf') format('truetype'),
     url('../font/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'),
     url('../font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

Ответы [ 2 ]

3 голосов
/ 07 марта 2012

Разобрался с проблемой.У меня был IE9 в режиме совместимости.Когда я выключил это, шрифт начал появляться.

0 голосов
/ 07 марта 2012

В jsfiddle вы не устанавливаете font-family для любого элемента, вы используете курсив (i элемент), но ваш @font-face указывает только обычный шрифт, а jsfiddle не демонстрирует проблему, потому что @font-face отсутствует (и не будет работать там, поскольку URL-адреса являются относительными).

Кроме того, ваш jsfiddle пытается стилизовать сгенерированный контент, а не обычный контент. Используемый символ является символом частного использования (U + F060), и такие символы не должны передаваться и использоваться, кроме как в частных соглашениях.

Лучше всего изолировать проблему в самом простом из возможных случаев, чтобы устранить последствия других проблем (например, проблем с генерируемым контентом).

...