Google Chrome never renders fonts properly / no smoothing etc

Question

A while ago I started using Chrome and no longer Firefox, however I found out something weird which maybe force me to return to Firefox if I can not fix this. I am coding a homepage and the output was in Chrome ugly, in Firefox not. I thought "ok this is maybe due to bad code"... however I found out that the same problems occurs on different sites like Facebook too. The font is not smoothed and it is not nice to read. Here is an example, although I have censored nearly everything...

Bad Chrome Rendering

Good Firefox Rendering

You may need to open up in a new tab to see the errors in detail. Now I want to know, whether this is just Chrome trolling me or maybe something else.

EDIT I tried it out under Ubuntu on my PC and it works well... seems to be an error on Windows/Chrome on Windows.

Solution 1

This issues wasn't fixed yet as it still persists and is a bug in Chrome - even after installing Windows 8 I still have the same issue, so no solutions of you could me here.

Solution 2

Go to My Computer and click on it using your right mouse button, choose Properties then choose the tab Advanced.

In Performance, click on Settings, then select Visual Effects and scroll down until you find "smooth edges of screen fonts" and check it.

Click OK, accept changes and reboot your computer.

Solution 3

The issue is created because chrome actually cannot render TrueType fonts with correct anti-aliasing. However, chrome still renders SVG files well. If you move the call for your svg file up in your syntax, chrome will download the svg and use it instead of the woff file.

Further reading:

• CSS properties that affect type rendering
• Smoother Web Font Rendering in Chrome for Windows
• How to Bulletproof @font-face Web Fonts

Comments

[Chris Thornton]

Not a programming question, voting to move to superuser.

[Admin]

@ChrisThornton: Thought to post in WebApps@Stackexchange, however thought here would be better...

[Christian Ivicevic]

The Acceleration was disabled by default. Nothing changed...

[nhinkle]

This is basically a known issue: Chrome sucks at font rendering on Windows.