@ font-face работает в IE8, но не в IE9 - PullRequest
Новая
       38

@ font-face работает в IE8, но не в IE9

38 голосов
/ 05 января 2011

Как описано выше, у меня проблемы с @ font-face, не отображаемым в IE9, хотя он отлично отображается во всех других браузерах, включая IE8 и ниже. Кроме того, при локальном просмотре на моем компьютере IE9 отображает шрифт, но не в режиме реального времени.

Сайт:

bigwavedesign.co.uk / ССАГПЗ / ССАГПЗ /

Используемый код: 

    @font-face {
                font-family: 'LeagueGothicRegular';
                src: url('league_gothic_0-webfont.eot');
                src: local('League Gothic Regular'), url('league_gothic_0-webfont.woff') format('woff'), url('league_gothic_0-webfont.ttf') format('truetype'), url('league_gothic_0-webfont.svg#webfonta36nFpyE') format('svg');font-weight: normal;font-style: normal;
}

У кого-нибудь есть идеи, почему это может происходить?

Ура!

=============================================

EDIT

Я нашел следующий сайт, на котором тот же шрифт работает нормально в IE9, есть идеи, как он это сделал?

http://iamthomasbishop.com/

Ответы [ 12 ]

0 голосов
/ 10 октября 2012

http://www.fontsquirrel.com использует это для своего примера CSS, который работал нормально для проекта, над которым я работал. 

@font-face {
    font-family: 'QuicksandBook';
    src: url('/Quicksand_Book-webfont.eot');
    src: url('/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Quicksand_Book-webfont.woff') format('woff'),
         url('/Quicksand_Book-webfont.ttf') format('truetype'),
         url('/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
0 голосов
/ 29 апреля 2011

Вы должны прочитать это сообщение в блоге. Полу Айришу есть, что сказать о проблемах, с которыми вы сталкиваетесь, и он придумывает то, что он называет «пуленепробиваемым» выражением @ font-face.

http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

Страница:
...