Has Chrome's Font Smoothing Problem Finally Been Solved?

Chrome's Font Smoothing Issue

Concerns have been raised regarding the lack of proper font smoothing in Google Chrome, particularly with Google webfonts at smaller sizes. Despite searching for solutions, many individuals have encountered unsuccessful attempts until recently.

Current Status (June 2014)

With the release of Chrome 37, the issue has been resolved. A comparison image demonstrates the significant improvement in font rendering between Chrome 37 and the previous stable version, Chrome 35.

Past Status (December 2013)

Font Loading Methods:

• @import,

Workarounds:

• Self-hosting fonts: Loading fonts in a specific order can resolve the issue.
• Use TTF/OTF fonts: Supported by almost all browsers.

Other Factors:

• The Google Chrome developer team is actively working on the problem, with ongoing changes in the rendering engine.

Reproductions:

Examples showcasing the issue in Chrome 29 illustrate the significant difference in rendering quality compared to Firefox.

Solution:

A temporary workaround involves applying CSS properties:

• -webkit-text-stroke: To improve smoothing, add a value of 0.Xpx.
• Text-shadow: Add a fake shadow to enhance legibility.

Note: These workarounds may become outdated as the issue is resolved in Chrome updates.

Additional Information:

• Visit the author's blog for further updates on the issue.
• Follow the official bug report for Google Chrome's response.

While there was previously no optimal solution for this issue, the release of Chrome 37 brings significant improvements, ensuring better font rendering in Google's browser.

The above is the detailed content of Has Chrome's Font Smoothing Problem Finally Been Solved?. For more information, please follow other related articles on the PHP Chinese website!