Fonts on IE 9 / 10…

[Mikhail]

I’ve had a look at my browser settings, but I can’t work out how to solve the problem, also, I tried Apple Chancery and Zapf Chancery, no dice, Monotype Corsiva is good, but atm I’ll stick with “Goudy Old Style” which is a good fallback for me… it’ll do anyway!

[geordie_al]

Hi, Mikhail I just wondered if you got your issue with the fonts sorted out. Because ive been looking into and racking my brains out on this one, and I think i finally know what it is with IE9 and web fonts. I believe it is a cross origin resource sharing whereby the proxy strips the header and cant render a call to an outside source. Ive also read that you cant do it locally like you can with firefox and chrome and IE8 and under, I tried it out on my wampserver and it worked and so I think you also have to have an active server in place not just previewing it in the browser.

You can however make internet explorer 9 act like 8 if you add – into the head of the document.

Hope this helps and im so glad to not be looking into this again lol.

Allan

[Mikhail]

Hi Allan, yes I have it sorted out, I was only previewing straight from notepad, I hadn’t even tried viewing it through Xampp but the font works through the server which I am very happy about! ( I really like Pinyon Script for my site ).
Just in the last 12 hours, I have got linear gradients as well on IE9, so my site is transformed in IE9, I am relieved!
Thanks for your interest!
Michael

[jonathanSilva]

Really google fonts API has a bug.
So now the only alternative is to download the font in “download your collection” and use services like http://www.fontsquirrel.com/ or http://fontface.codeandmore.com/ to create a kit fonts. For me it is the only alternative that works.

[rotsee]

Is it just me that don’t seem to be able to get css fonts to work in IE9/10 at all? IE8 and below works perfect, as do every other browser I’ve tried. This is my CSS:

@font-face {
font-family: 'ssmicon';
src: url('ssmfont.eot');
src: url('ssmfont.eot?#iefix') format('embedded-opentype'),
url('ssmfont.woff') format('woff'),
url('ssmfont.ttf') format('truetype'),
url('ssmfont.svg#svgssmfont') format('svg');
font-weight: normal;
font-style: normal;
}

All glyphs are in the basic latin range (I read somewhere that IE could have an issue otherwise) and at the same server (so no cross domain issue). Still no success: http://säsongsmat.nu/ssm/Test3

Does anyone here have similar problems?

[rotsee]

(sorry for the messed up formatting above. Punycode link: http://xn--ssongsmat-v2a.nu/ssm/Test3 )

[Agreeable_Panda]

Don’t know if anybody is paying attention to this, but I had been researching this same problem and in one of the top threads in Stack Overflow a user had mentioned that Google web fonts wouldn’t load in IE9/10 when being viewed locally, but will be when accessed via localhost or the internet. I’ve tested this and that does seem to be the case, at least in IE9.

For local testing, go with jonathanSilva’s suggestion and serve the font from your site’s root folder with the @font-face rule. You can choose to serve the fonts to users from your site or when you’re ready to go live, let Google take care if for you.

[chrisburton]

I wonder if the htaccess trick (setting mime types) will work for this situation.

[Author]

Posts