Total WordPress Optimization • Search Engine Optimization • WordPress & SEO • WordPress security • PPC • Psychology • WordPress Design • WordPress Installation

Full Version: Bad font rendering in Chrome based browsers
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
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/
This is absolutely wonderful!!!! I saw the appearing of your post and I tried it immediately and it worked. Ot has been an issue for over a year and the Chrome people know this issue. Whether they are working on a solution I don't really know. I have hated these ugly fonts for a long time and now this code is part of my inventory for webpages :-)
I know that sometimes Google chrome will change font for me without me doing anything. I'm not sure if it's just some glitch, or something like this. It doesn't bug me too much, but if it causes any problems with my sites, then it will.