Bad font rendering in Chrome based browsers

[Scotty]

Browsers based on Chrome (Torch, Opera 2.0 and a bunch of other less known) has an issue with fonts that makes them really ugly when rendering.

The fonts looks like they get pixelated and some vertical lines get fat others slim.

Because it is an error in Chrome we cant fix it for websites we dont control. I inserted this code in my custom.css (default is style.css but some themes has a custom css that overrides styles,css):

@font-face {
font-family: 'iconfont';
src:url('../fonts/iconfont.eot');
src:url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/iconfont.woff') format('woff'),
url('../fonts/iconfont.ttf') format('truetype'),
url('../fonts/iconfont.svg#iconfont') format('svg');
font-weight: normal;
font-style: normal;
}

/*
.svg for chrome
===============




If this doesnt work (close the browser and restart it), here are more solutions:

http://www.dev-metal.com/fix-ugly-font-r...le-chrome/

[Scotty]

Browsers based on Chrome (Torch, Opera 2.0 and a bunch of other less known) has an issue with fonts that makes them really ugly when rendering.

The fonts looks like they get pixelated and some vertical lines get fat others slim.

Because it is an error in Chrome we cant fix it for websites we dont control. I inserted this code in my custom.css (default is style.css but some themes has a custom css that overrides styles,css):

@font-face {
font-family: 'iconfont';
src:url('../fonts/iconfont.eot');
src:url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/iconfont.woff') format('woff'),
url('../fonts/iconfont.ttf') format('truetype'),
url('../fonts/iconfont.svg#iconfont') format('svg');
font-weight: normal;
font-style: normal;
}

/*
.svg for chrome
===============




If this doesnt work (close the browser and restart it), here are more solutions:

http://www.dev-metal.com/fix-ugly-font-r...le-chrome/