Grow your CSS skills. Land your dream job.

Font rendering varying even though using exact same setup

  • # March 20, 2013 at 1:37 am

    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!

    # March 20, 2013 at 1:46 am

    Does he have Cleartype enabled?

    # March 20, 2013 at 1:54 am

    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…

    # March 20, 2013 at 1:58 am

    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.

    # March 20, 2013 at 1:59 am

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

    # March 20, 2013 at 2:01 am

    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/

    # March 20, 2013 at 2:01 am

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

    # March 20, 2013 at 2:06 am

    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!)

    # March 20, 2013 at 2:10 am

    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.

    # March 20, 2013 at 2:24 am

    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…

    # March 20, 2013 at 2:29 am

    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

    # March 20, 2013 at 11:49 am

    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.

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".