CSS @ font-face не работает в IE8 - PullRequest
Новая
       4

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

27 голосов
/ 28 сентября 2011

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

@font-face {
  font-family: "Klavika Regular";
    src: url('../fonts/klavika.eot');
    src: local('☺'), url('../fonts/klavika.woff') format('woff'), url('../fonts/klavika.ttf') format('truetype'), url('../fonts/klavika.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

Ответы [ 4 ]

40 голосов
/ 29 сентября 2011

это работает в ie8 / 9

http://dev.bowdenweb.com/a/fonts/serif/alegreya/demo.html

@font-face {
    font-family: 'AftaserifRegular';
    src: url('AftaSerifThin-Regular-webfont.eot');
    src: url('AftaSerifThin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('AftaSerifThin-Regular-webfont.woff') format('woff'),
         url('AftaSerifThin-Regular-webfont.ttf') format('truetype'),
         url('AftaSerifThin-Regular-webfont.svg#AftaserifRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
0 голосов
/ 17 октября 2013

Стоит проверить, позволяет ли ваш файл .htaccess тип файла.

0 голосов
/ 28 сентября 2011

Попробуйте три вида CSS-форматов для @ font-face на FontSquirrel Generator (в режиме «ЭКСПЕРТ ...»> в разделе «Форматы CSS:»> «Дополнительная информация»)

0 голосов
/ 28 сентября 2011

, если IE8 считает, поддерживает любой другой формат, кроме eot из перечисленных ниже, то он, вероятно, попытается использовать этот.Возможно, вы могли бы использовать взлом IE8, например 

src: local('☺'), url('../fonts/klavika.woff') format('woff'), url('../fonts/klavika.ttf') format('truetype'), url('../fonts/klavika.svg') format('svg');
src /*\**/: url('../fonts/klavika.eot')\9

, поэтому только IE8 будет читать последнюю строку src и таким образом загружать .eot.

...