• 0

Font Rendering Issue in IE (google web font)


Question

Hey all,

Hoping someone can shed some light on this issue I'm having.

I'm using some of the new google web fonts which are not rendering correctly in IE and to a degree, FF for Windows.

Here's an example of what I'm referring to:

post-179373-0-92589700-1324884970_thumb.

Any help would be greatly appreciated.

Thanks,

Ben

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0

Could we get a html link which shows the embedded font so we could take a better look at your problem?

And keep in mind that @font-face is IE9+ if you sue older browsers you need to use a font that is installed by the system or use adobe flash which can embed fonts ;)

Link to comment
Share on other sites

  • 0

Sorry I should have mentioned that I tried using the Google Web Fonts API too. Same issue - everything looks good in most browsers except IE and to a degree FF (on windows only).

Here's the code, pretty simple: http://jsfiddle.net/GNgbF/

I thought it might have been a problem with the ClearType rendering - but I can't see a solution that can be implemented server-side. Perhaps there might be a jquery work around? Still looking..

Edit: also @fontface does work with versions of IE 6-9 link so it's not an @fontface issue (hence why I tried google web font implementation too)

Link to comment
Share on other sites

  • 0

You checked their was no difference between the different font type files themself?

That is the only thing I can think about after testing it on some browsers here :/

Link to comment
Share on other sites

  • 0

Google Web Fonts always gave some issues for me too. It seems that IE still doesn't properly render text that is altered with Javascript after initial rendering...

Link to comment
Share on other sites

  • 0

Yeah basically it has something to do with the ClearType font rendering. It happens in earlier FF too :(

From all the reading I have done it seems as though nothing can be done from the server-side. The client can change some settings on their machines which addresses the issue, but that's not really a solution.

Thanks for having a look guys :) Might have to make some conditional comments and load some images for the headings..

.

Link to comment
Share on other sites

  • 0

Do you have a link to the actual page? The one on jsfiddle renders fine for me (In Firefox and IE9)

Hey mate - nah I don't. But IE9 should render it fine - I think they corrected the issue. Just IE8 and earlier are affected. What FF version are you running?

Would you mind taking a screen shot?

Link to comment
Share on other sites

  • 0

I thought this was a problem in IE9, didn't realise it was IE9 that was rendering it correctly :laugh:

897687070.png

That's Firefox 9 on my system, I've got it all properly configured to it's using DirectWrite like IE9+ does. If it's rendering bad on some systems it'll be because it's using the old GDI font rendering API.

Link to comment
Share on other sites

  • 0

I thought this was a problem in IE9, didn't realise it was IE9 that was rendering it correctly :laugh:

haha yeah, I probably should have mentioned that - sorry. I ended up going through the whole font list on a windows pc in IE8 to get the best possible looking font and went with the Yanone Kafeetz again. Using that in the logo too but it will do for now.

That's Firefox 9 on my system, I've got it all properly configured to it's using DirectWrite like IE9+ does. If it's rendering bad on some systems it'll be because it's using the old GDI font rendering API.

Ah I haven't tested with FF9 yet. Are they default settings? I will need to run some tests and see what it looks like with all that turned off given that general Australian businesses are going to be pretty behind when it comes to these things.

Link to comment
Share on other sites

This topic is now closed to further replies.