Что не так с этими шрифтами @font-face в IE9?

По какой-то причине, когда я просматриваю эту страницу в IE9, все Шрифты @font-face выглядят намного меньше, чем должны, и, возможно, тоже похожи на другой шрифт. Насколько я могу судить, все в моем синтаксисе должно работать с IE9. У других возникли проблемы с воспроизведением проблемы, так что, возможно, это что-то в моих настройках шрифта Windows? В любом случае, если вы хотите попытаться воспроизвести то, что я вижу, я запускаю IE9 на 64-битной Windows 7.

РЕДАКТИРОВАТЬ: я не уверен, что это проблема со страницей или проблема с моим браузером. В любом случае, мне нужно его починить.


css webfonts font-face internet-explorer-9 embedded-fonts
person Jo Sprague    schedule 30.09.2011    source источник
comment
хорошо, я проверил ie8 win 64bit, и все выглядит нормально   -  person Bala    schedule 30.09.2011
comment
Не удается воспроизвести в IE 9 на моей 64-разрядной машине с Windows 7.   -  person Scott Cranfill    schedule 30.09.2011
comment
Возможно, это проблема с некоторыми настройками на моей машине. Я дважды проверил, что настройки шрифта IE установлены по умолчанию, и попытался отключить и снова включить ClearType. Неудачно. Я не знаю, какие еще настройки я бы проверил.   -  person Jo Sprague    schedule 01.10.2011

Ответы (3)


arrow_upward
0
arrow_downward

Для меня в IE9 выглядит так же, как и в других браузерах, ни один из них не использует встроенный шрифт из-за его другого имени (HelveticaMD по сравнению с фактическим именем, используемым в CSS, Helvetica.)

Похоже, что на вашем «неправильном» снимке экрана браузер пытается использовать встроенный шрифт, тогда как «правильный» снимок экрана — это просто шрифт по умолчанию. Если это то, что вы хотите, просто избавьтесь от встраивания шрифтов.

person bobince    schedule 30.09.2011

arrow_upward
0
arrow_downward 

@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 */
    }

Пример использования:

@font-face {
   font-family: MyFont;
   src: url(http://mysite/fonts/MyFont.ttf)
      format("embedded-opentype");
 }
 p {font-family: MyFont, serif;
 }
person Bala    schedule 30.09.2011
comment
Спасибо, но я уже видел этот синтаксис. Я пробовал это, а также несколько других синтаксисов, и, похоже, ничего не меняет проблему. - person Jo Sprague; 01.10.2011

arrow_upward
0
arrow_downward

.woff решает проблему в IE9. Я использовал .eot для Chrome и Firefox. И .woff для IE9. Теперь 3 браузера работают нормально и показывают одинаковые результаты. Ниже приведен код в CSS. @font-face {семейство шрифтов: 'cert_fonts'; src: url('../fonts/GoudyTrajan.eot') формат('eot'); src: url('../fonts/GoudyTrajan.woff') формат('woff'); вес шрифта: нормальный; стиль шрифта: нормальный;}

person Ghalib    schedule 13.02.2013