Проблема с @ font-face в IE - PullRequest
Новая
       4

Проблема с @ font-face в IE

0 голосов
/ 22 ноября 2011

Я пытаюсь использовать комплект @ font-face от fontsquirrel.com.Я вытащил все непосредственно из файлов, которые они предоставляют, но при тестировании в IE9 с помощью инструментов разработчика я получаю следующие результаты:

Режим браузера: IE9, Режим документа: стандарты IE9 - шрифт отображается правильно
Режим браузера: IE8, Режим документа: стандарты IE8 - шрифт не отображается
Режим браузера: IE7, Режим документа: стандарты IE7 - шрифт не отображается

Любопытно и раздражает то, что я смотрю демонстрационный файл изнабор @ font-face, который корректно отображается во всех трех вышеперечисленных ситуациях.И, как я уже сказал, все копируется / вставляется из предоставленных файлов.

Единственное, о чем я могу думать, это то, что я использую HTML5 Boilerplate.

Любые мысли будут высоко оценены.

В ответ на комментарии:

Вот шрифт: http://www.fontsquirrel.com/fonts/bebas-neue

И CSS я использую: 

@font-face {
font-family: "BebasNeueRegular";
src: url('BebasNeue-webfont.eot?') format('eot'),
     url('BebasNeue-webfont.woff') format('woff'),
     url('BebasNeue-webfont.ttf') format('truetype'),
     url('BebasNeue-webfont.svg#webfontfvFLBU0N') format('svg');
font-weight: normal;
font-style: normal;
}

1 Ответ

1 голос
/ 23 ноября 2011

Джейсон, ваш код font-face не совсем совпадает с тем, что было в комплекте, который я скачал. Обратите внимание, что четвертая строка (я пометил несколько комментариев с восклицаниями) отличается от вашей. 

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), /* !!! */
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
...