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

[Column(TypeName = "decimal(18,2)")]

это будет работать с первыми миграциями кода, как описано здесь здесь .

30
задан kevinji 22 November 2011 в 22:13
поделиться

4 ответа

1) Попытка помещая абсолютную ссылку не относительная ссылка на Ваш eot шрифт - так или иначе старый IE просто не знает, в которой папке файл CSS, 2) делают 2 дополнительных @font-face объявлениями, таким образом, это должно быть похожим на это:

@font-face { /* for modern browsers and modern IE */
    font-family: "Futura";
    src: url("../fonts/Futura_Medium_BT.eot"); 
    src: url("../fonts/Futura_Medium_BT.eot?#iefix") format("embedded-opentype"), 
    url( "../fonts/Futura_Medium_BT.ttf" ) format("truetype"); 
}
@font-face{ /* for old IE */
  font-family: "Futura_IE"; 
  src: url(/wp-content/themes/my-theme/fonts/Futura_Medium_BT.eot);
}

@font-face{ /* for old IE */
  font-family: "Futura_IE2"; 
  src:url(/wp-content/themes/my-theme/fonts/Futura_Medium_BT.eot?#iefix) 
  format("embedded-opentype");
}

.p{ font-family: "Futura", "Futura_IE", "Futura_IE2", Arial, sans-serif;

Это - пример для шаблона Wordpress - абсолютная ссылка должна указать от того, где Ваш индексный файл запуска.

0
ответ дан 28 November 2019 в 00:21
поделиться

Из http://readableweb.com/ mo-bulletproofer-font-face-css-syntax /

Теперь, когда веб-шрифты поддерживаются в Firefox 3.5 и 3.6, Интернет Explorer, Safari, Opera 10.5 и Chrome, веб-авторы сталкиваются с новыми вопросы: Чем отличаются эти реализации? Какие методы CSS разместим всех? Разработчик Firefox Джон Даггетт недавно опубликовал небольшой обзор этих проблем и обходных путей, которые исследовал. В ответ на этот пост и, в частности, на Работая Пола Айриша, я придумал следующий синтаксис CSS @ font-face. Он был протестирован во всех вышеперечисленных браузерах, включая IE 8, 7, и 6. Пока все хорошо. Ниже приведена тестовая страница, на которой объявляется бесплатный шрифт Droid как полное семейство шрифтов с обычным, курсивом, полужирным шрифтом, и жирный курсив. Подробности см. В источнике. Предупреждение: имейте в виду, что Readable Web выпустила первое программное обеспечение, связанное с @ font-face утилита для быстрого и простого создания сжатых файлов EOT. У него есть собственный веб-сайт и, помимо самой утилиты, пакет загрузки содержит полезную документацию, тестовый шрифт и Тестовая страница EOT. Это называется EOTFAST. Если вы работаете с @ font-face, это просто необходимо.

Вот код Пуленепробиваемого Мо:

@font-face{ /* for IE */
    font-family:FishyFont;
    src:url(fishy.eot);
}
@font-face { /* for non-IE */
    font-family:FishyFont;
    src:url(http://:/) format("No-IE-404"),url(fishy.ttf) format("truetype");
}
2
ответ дан 28 November 2019 в 00:21
поделиться

Вы можете использовать Google Font API . Говорят, работает с IE 6 и выше. (Я это не тестировал.)

Обслуживающая инфраструктура Google требует забота о преобразовании шрифта в формат совместим с любым современным браузер (включая Internet Explorer 6 и выше), ...

1
ответ дан 28 November 2019 в 00:21
поделиться

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

@font-face { 
    font-family: MyFont; src: url('myfont.ttf'); 
}
@font-face{ 
    font-family: MyFont_IE; src: url('myfont.eot'); 
}
.my_font{ 
    font-family: MyFont, MyFont_IE, Arial, Helvetica, sans-serif; 
}
11
ответ дан 28 November 2019 в 00:21
поделиться