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; } 

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

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

Попробуйте три типа CSS-форматов для @ font-face в генераторе FontSquirrel (в режиме «EXPERT …»> в разделе «Форматы CSS:»> «дополнительная информация»)

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

  • Рисование текста в с помощью @ font-face не работает в первый раз
  • Нестандартные шрифты в Интернете?
  • CSS @ font-face - что означает «src: local (« ☺ »)?
  • font-face с неправильным типом MIME в Chrome
  • Нужны ли eot, ttf и svg в объявлении шрифта?
  • Ошибка Internet Explorer @ font-face
  • В IE CSS font-face работает только при навигации по внутренним ссылкам
  • @ font-face EOT не загружается по HTTPS
  • @ font-face src: local - Как использовать локальный шрифт, если пользователь уже имеет его?
  • Как я могу исправить проблему веб-сайта «Отсутствующий перекрестный источник ресурсов (CORS)»?
  • Подождите, пока шрифты загрузятся до рендеринга веб-страницы
  • Interesting Posts

    Что делать, если текущий сеанс ASP.NET равен нулю?

    Как объединить строки в Swift?

    Значок подсчета уведомлений панели действий (значок), например, Google

    Функция с отсутствующим возвратным значением, поведение во время выполнения

    Как конвертировать отдельные изображения в видео с переходом на смешение?

    Постоянно удалять файлы с флешки

    Не разбивайте верхний и нижний колонтитулы при создании формата страницы

    свойство classа маркировки c # как грязное

    Использовать инспектор элементов Chrome в режиме предварительного просмотра?

    Android маршрутизирует маршрут по карте с двумя POI-s

    Как изменить текущую тему во время выполнения в Android

    Проблема с wav в Java

    Как найти дублирующий элемент в массиве перетасованных последовательных целых чисел?

    Подчеркивание в именованных аргументах

    Используя операционную систему приманки, с другой ОС, скрытой TrueCrypt?

    Давайте будем гением компьютера.