Web font: Some characters vertically squashed on Windows

Question

I'm experiencing a very weird problem with the web font I'm using on a project. Initially I thought this was an IE-only bug (showed up in IE 9 on Windows Vista, Windows 7). I was happy to revert to a system font for IE but now it's showing up in Chrome I'd really like to get to the bottom of the problem. Screenshot below:

Edit: The font is Aktiv Grotesk Light , converted to a web font with the Font Squirrel Generator .

Answer 1

OS X just has a better fontrendering thant Windows. OS X uses Subpixel rendering witch makes the difference.

Are you using @fontface? Try cufón instead, in general fonts are better rendered with cufón than with @fontface on windows.

Answer 2

This is a problem in the font implementation, or in font rendering in Windows, depending on which side you take. Similar problems have been described in other questions, see eg css google fonts cyrillic - some letters are cut off .

The practical solution might be to see if the font works better in a different size (1px can make a big difference), and if this does not help, to find another font.