font-face не работает в IE8? - PullRequest
Новая
       37

font-face не работает в IE8?

6 голосов
/ 01 марта 2012

У меня есть следующие строки в моем CSS. 

@font-face { font-family: Keffeesatz; src: url(/Styles/YanoneKaffeesatz-Light.otf) format("opentype") }
@font-face { font-family: KeffeesatzBold; src: url(/Styles/YanoneKaffeesatz-Bold.otf) format("opentype") }

В IE9 они появляются.В IE8 используется резервный шрифт Arial.Как мне заставить это работать в IE8?

Ответы [ 2 ]

15 голосов
/ 01 марта 2012

Вам нужно предоставить EOT-версию вашего шрифта, чтобы более ранние версии IE встраивали его. Они не распознают какой-либо другой формат, поэтому вы наблюдаете отступление от Arial.

Отнесите свой шрифт в Font Squirrel @font-face Generator , и он подготовит все для вас, включая новый набор правил CSS @font-face для использования поверх существующих.

1 голос
/ 01 марта 2012

Internet Explorer не распознает ваши шрифты .ttf (TrueType) или .otf (OpenType) в CSS3, по крайней мере, пока. IE распознает .eot (встраиваемый открытый тип). 

@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('webfont.woff') format('woff'), /* Modern Browsers */
     url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

Взгляните на здесь

...