Search code examples
cssgoogle-chromefontsantialiasingsmoothing

Font smoothing in Google Chrome


I'm trying to turn my icons into font glyphs.

Now, the problem is antialiasing of the font in Google Chrome on Windows 7 (it looks good on OS X). I took two shots, where on the first one you can see the desired behaviour, as seen on Firefox/Windows 7 and all the other browsers, except Google Chrome, which is the second shot. Is that problem in font itself? Or is it because of system settings? Is it in CSS settings?

Firefox 12 Windows 7

enter image description here

Google Chrome 18 Windows 7

The most problematic parts are highlighted with red.

enter image description here


Solution

  • Use CUFON instead of @font-face it's a better option as per the rendering font in windows because CUFON put the font in canvas & it's look smooth in windows.