Font rendering varying even though using exact same setup

[NickBrooks37]

Hi there,

Using the classic ‘Museo’ font from TypeKit and it renders beautifully on my screen (Chrome 25, Windows 7), however my friend who is also using Chrome 25, Windows 7 it renders really poorly.

[MINE (GOOD)](http://i.imgur.com/fTUzcM4.png “Mine”)

[FRIENDS (POOR)](http://i.imgur.com/KcCM6X4.png “FRIENDS (POOR)”)

The site is viewable here: http://thirtyseven.37dbs.com

Maybe it will work well for some of you and not for others. Can anyone please tell me why it is rendering so poorly on pretty much the exact same setup???

Thx!

[chrisburton]

Does he have Cleartype enabled?

[NickBrooks37]

Explain a bit more… I’m doing some reading now. This isn’t an issue I’ve ever encountered so what are the repercussions. I also used a relatives laptop (**XP**, Chrome 25) and had the exact same font rendering issue. If it’s quite common what is the remedy for me as a web designer? I can’t detect cleartype etc…

[chrisburton]

Weird. I think your best bet is to contact Typekit about this. But for fun, try republishing your kit to see if that does anything.

[NickBrooks37]

Just mucked around with Cleartype on my machine and it doesn’t affect anything in the browser – only throughout Windows menus etc

[Merri]

You can’t fix that by any action you do. It is up to the user to enable or disable ClearType. If I recall correctly in XP ClearType is disabled by default. If your friend upgraded from XP to 7 and retained his settings it is possible that is why his copy of 7 also has ClearType disabled.

**Edit!**

After looking down it seems it is only in his copy of Chrome, which is weird. Is there a separate font smoothing / ClearType setting in Chrome?

**Edit #2!**

Does this help?

http://lonesysadmin.net/2011/09/12/how-to-fix-google-chrome-font-rendering-issues/

[chrisburton]

I’m going to jump on my laptop and take a better look.

[NickBrooks37]

I should mention I asked him to look in Firefox and he has the same issue, so can’t really pin it to Chrome. Unfortunately it’s really hard for me to do testing as it works perfectly everywhere for me and my pal is not really within reach…

So looks like it’s a Windows issue of sorts, which concerns me as I am curious how many people will encounter this issue (2 out of the 4 people I’ve shown have had the issue!)

[chrisburton]

I’m using Chrome with Windows 7 and I’m not having the issue nor can I find it within your code. That leads me to believe it is due to my initial suggest, Cleartype.

[NickBrooks37]

Perfect! Just got him to check to see if Cleartype is on or not – it wasn’t. So that’s a really good thing for me, but at the same time…does beg the question about what my site is going to look like with no Cleartype.

Irrelevant discussion, not really much I can do, but maybe it would be good if I could detect a fall back as it looks **REALLY** bad when Cleartype is an issue. Would honestly prefer to just show generic Arial than unreadable TypeKit…

[chrisburton]

Cleartype is on by default unless turned off (except for XP) therefore those users will only get that output. I wouldn’t worry about it.

To detect, take a look at this: https://gist.github.com/cbeier/283689

[Merri]

Related to this I just noticed this little oddity that exists in Microsoft homepage current source:

``

Although I guess this will only have effect on IE.

[Author]

Posts