@font face choppy font in Chrome

I've fixed this! Chrome likes it when you load the SVG line first. Just move that up in priority. Hmm... someone should tell Font Squirrel.

https://stackoverflow.com/a/9041280/1112665

e.g.

src: url('geosanslight-webfont.eot');src: url('geosanslight-webfont.eot?#iefix') format('embedded-opentype'),     url('geosanslight-webfont.svg#GeosansLightRegular') format('svg'),               url('geosanslight-webfont.woff') format('woff'),     url('geosanslight-webfont.ttf') format('truetype');

let me know if that works for you. cheers!

(Edited by simoneast: moved EOT version to top, otherwise it breaks IE.)

I've found another simple solution for my case.

I have Microsoft Windows 7 SP1 & Goodle Chrome 23.0.1271.64 m and using FontAwesome for my web application. To enable anti-aliasing for FontAwesome in Chrome simple remove do as maximo said - start src definition with svg font, but also remove font name after the svg hash. Simple convert this:

@font-face {  font-family: "FontAwesome";  src: url('../font/fontawesome-webfont.eot');  src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'),       url('../font/fontawesome-webfont.woff') format('woff'),       url('../font/fontawesome-webfont.ttf') format('truetype'),       url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');  font-weight: normal;  font-style: normal;}

to this:

@font-face {  font-family: "FontAwesome";  src: url('../font/fontawesome-webfont.eot');  src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'),       url('../font/fontawesome-webfont.svg') format('svg'),       url('../font/fontawesome-webfont.woff') format('woff'),       url('../font/fontawesome-webfont.ttf') format('truetype');  font-weight: normal;  font-style: normal;}

Does it help?

(Edited by simoneast: moved EOT version to top, otherwise it breaks IE.)

There is a CSS3 property 'font-smooth' supported by webkit. Have you tried that?