т.е. 8 проблема с пользовательским шрифтом Google - PullRequest
Новая
       74

т.е. 8 проблема с пользовательским шрифтом Google

7 голосов
/ 29 марта 2011

Я работаю на сайте , использую пользовательские шрифты Google, но в ie8 не работает или только частично (левый контент хороший, а правильный контент, ajax, не очень хороший), любые предложения или идеи почему не так хорошо?

Спасибо.

enter image description here

Ответы [ 3 ]

13 голосов
/ 29 марта 2011

Я только что видел ваш сайт в режиме совместимости в IE8 моего IE9, и я не вижу никаких проблем со шрифтами. Я запускаю окно 7, не могли бы вы опубликовать картину ваших проблем?

enter image description here

ОБНОВЛЕНИЕ: Я забыл важную вещь ... чтобы проверить совместимость. IE7 и IE8 имеют только «частичную» совместимость с font-face.

Чтобы решить эту проблему, вы должны использовать код, подобный этому, и конвертировать шрифты 

@font-face {
font-family: 'MyFontFamily';
src: url('myfont-webfont.eot?') format('eot'), 
     url('myfont-webfont.woff') format('woff'), 
     url('myfont-webfont.ttf')  format('truetype'),
     url('myfont-webfont.svg#svgFontName') format('svg');
}

Google использует только woff , в то время как вам необходимо загрузить eot, trutype и svg для полной совместимости с кросс-браузерами.

Вы можете легко конвертировать шрифты в Font Squirrel , скачать шрифт из http://themes.googleusercontent.com/font?kit=tMrhQDUBAHnnGuM33-yobPesZW2xOQ-xsNqO47m55DA

Для получения дополнительной информации по этому вопросу : http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

0 голосов
/ 06 февраля 2013

ДЛЯ IE10 и ниже и для всех других браузеров используйте 

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?'); 
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
}
0 голосов
/ 29 марта 2011

В режиме совместимости IE9 и IE7 с использованием IE9 он показывает нормально; в режиме совместимости IE8 и IE7 с использованием IE8 это выглядит очень плохо, поэтому я должен сделать вывод, что это некоторая неясная ошибка в самом IE8.

Я не думаю, что с этим можно что-то сделать, поэтому для решения этой проблемы я бы просто использовал условные комментарии для адресов IE8 и IE7 и использовал verdana для этого раздела. И надеюсь, что они скоро уйдут ...

...