ie 8 problem with custom google font

Question

I'm working on a site, using custom google fonts, but in ie8 not working or just partially(left content good, and a right content, ajax, not so good) any suggestion or idea why not so good?

Thanks.

Answer 1

I just saw your website in compatibility mode in IE8 of my IE9, and I do not see any font problems. I run window 7, cna you please post a picture of your problems?

UPDATE: I forgot an important thing... to check about compability. IE7 and IE8 have only "partial" compability with font-face.

To solve the issue you have to use a code similar to this, and convert fonts

@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 is using only woff, while you have to load eot, trutype and svg as well for full crossbrowser compability.

You can convert fonts easily at Font Squirrel, download the font from http://themes.googleusercontent.com/font?kit=tMrhQDUBAHnnGuM33-yobPesZW2xOQ-xsNqO47m55DA

For more information on the matter: http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax