Total WordPress Optimization • Search Engine Optimization • WordPress & SEO •  WordPress security • PPC • Psychology • WordPress Design • WordPress Installation
Bad font rendering in Chrome based browsers - Printable Version

+- Total WordPress Optimization • Search Engine Optimization • WordPress & SEO • WordPress security • PPC • Psychology • WordPress Design • WordPress Installation (https://www.totalwordpressoptimization.net)
+-- Forum: Total WordPress Optimization (https://www.totalwordpressoptimization.net/forumdisplay.php?fid=19)
+--- Forum: Amazing Website design (https://www.totalwordpressoptimization.net/forumdisplay.php?fid=107)
+---- Forum: Programming (https://www.totalwordpressoptimization.net/forumdisplay.php?fid=175)
+---- Thread: Bad font rendering in Chrome based browsers (/showthread.php?tid=2347)



Bad font rendering in Chrome based browsers - Scotty - 03-11-2014

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-rendering-google-chrome/


RE: Bad font rendering in Chrome based browsers - Spider - 03-11-2014

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 :-)


RE: Bad font rendering in Chrome based browsers - Steven G. - 03-14-2014

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.