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

Я попытался прочитать несколько статей о том, как работать с пользовательскими шрифтами в 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;
}

Ответ 1

это работает в 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;

}

Ответ 2

если 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.

Ответ 3

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

Ответ 4

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