Search code examples
htmlcssinternet-explorer-8font-face

ie 8 problem with custom google font

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.

enter image description here

Solution

  • 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?

    enter image description here

    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