search

csswizardry / csswizardry.github.com

My site.
https://csswizardry.com
465 stars 90 forks source link

Ubunto font hard to read in Chrome (win) #10

Closed TheDutchCoder closed 11 years ago

TheDutchCoder commented 11 years ago

Like the title says, Ubuntu is really hard to read on windows/chrome, as there are literally pixels missing on some characters.

celsomiranda commented 11 years ago

Google Web Fonts rendering in Chrome for Windows is really borked. Some fonts work better than others, but in this case there is something really wrong going there with Ubuntu (the font, not the OS).

I've tried swapping with Adobe Source Sans Pro. It looks better, but it's very from optimal. You should take a look at this.

csswizardry commented 11 years ago

Windows in terrible type rendering shocker

It renders fine on my Win 7 Chrome machine, but I’ve heard that for others it doesn’t; I’ll look out for an alternative font. but I do love Ubuntu… :(

celsomiranda commented 11 years ago

It renders fine if you have the font installed in your OS. Try removing it.

Other possible causes:

shanomurphy commented 11 years ago

I think the rendering issue is because you have copied the CSS generated by Google into your own local CSS file.

If you @import it or link to it, it actually renders very nicely. I think this is because the CSS served up by Google changes depending on the user agent in the HTTP request.

It's another http request but it definitely improves readability greatly for those affected. The first screenshot below is how it looks on my Win7 machine using Chrome. The second is when I remove the copied @font-face CSS and instead link directly to Google's hosted version win7-chrome win7-chrome-linked

csswizardry commented 11 years ago

@shanomurphy Wow, thanks so much! This explains how I’d not had this problem before, but other people have since I made that change! I’ll look into changing it back, thanks :)

csswizardry commented 11 years ago

Rolled back that change; can someone please check? https://github.com/csswizardry/csswizardry.github.com/commit/889e77c693f16690c3df98b8fbf438a5df11ef8e

Cheers, H

shanomurphy commented 11 years ago

Yes all looks lovely jubbly on my Win7 machine now (tested Chrome, Firefox & IE9). Big improvement across them all :)

csswizardry commented 11 years ago

Yer a star, thanks so much :D