Pixelated font (font-face) on Windows (IE and Firefox)

Question

We are currently creating a site for a large audience, and most test users use Windows. They noticed a very distorted font rendering, see screenshot:

I tried some “fixes” that I could find, for example, add a thin text shadow using scaling: 1 and / or the translateZ (0) setting. I also tried using filter properties and font smoothing, but the font does not improve.

I am using font-face (Texta Narrow). Firefox on Windows looks worse than IE9.

Is there a way to smooth text at least a little, or is my only option to use a different font?

Answer 1

-, / , .

font-family: 'fontName';
src: url('fontName.eot');
src: url('fontName.svg#fontNameID') format('svg'),
     url('fontName.eot?#iefix') format('embedded-opentype'),
     url('fontName.woff') format('woff'),
     url('fontName.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}