Making fonts render similarly across browsers

Posted by Zach L. on Pro Webmasters See other posts from Pro Webmasters or by Zach L.
Published on 2011-03-03T14:02:49Z Indexed on 2011/03/03 15:34 UTC
Read the original article Hit count: 353

I am building a website for a client, and we had hoped to use plain text, not images in the navigation bar. The font we are using is Century Gothic (I believe that this font is available on the majority of PCs and Macs) The problem is, that on different browsers the font renders significantly differnt. In Chrome we got it looking the way we want, but in firefox the text is smaller and bolder.

Aside from writing browser specific javascript to alter the font properties, are there any other options to standardize the way the fonts are rendered cross-browser. Perhaps some library or API? Maybe its a matter of being more specific in declaring font properties? Honestly I am stuck and need help.

© Pro Webmasters or respective owner

Related posts about website-design

Related posts about fonts