Menu
Recently after upgrading my Google Chrome browser to Version 32.0.1700.76 m I noticed that bold fonts have a blur/drop shadow effect on my sites using @font-face.
Here is an example site with bold text.
Here is an example site with bold headers.
Before updating my Chrome these sites were displaying font correctly, I have tested fonts in the following browsers and they are still displaying correctly:
Is there any way to stop this blur effect other than downgrading Google Chrome?
EDIT
I sent a error report to Google about this issue and it seems like they have reverted the "blurry" effect on fonts. To avoid this issue go with Jukka K. Korpela's solution.
204
Disable Google Chrome Extensions A sketchy Chromium extension can also lead to blurry font throughout the browser. It can be difficult to pinpoint a single extension for this behavior. Instead, you can disable most extensions in your Chrome browser and restart the app.
Blurry font problems can be caused by cables that aren't connected properly, older monitors, and poor screen resolution settings.
In the examples, you have declared only normal (regular) typefaces for Gotham and Sansation in @font-face rules, yet try to use bold face. This makes browsers apply algorithmic (synthetic) bolding, with varying results.
The solution is to get bold typefaces and declare them, in @font-face rules that have font-weight: bold.
140
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
