Windows上的像素化​​字体（font-face）（IE和Firefox）

Question

我们目前正在为大量受众群体构建网站，大多数测试用户都在使用Windows。他们注意到一个非常扭曲的字体渲染，请参见屏幕截图：

我尝试了一些＆＃34;修复＆＃34;我可以找到，比如添加一个微妙的文本阴影，使用zoom：1和/或设置translateZ（0）。我也尝试过使用过滤器和字体平滑属性，但字体没有变好。

我使用的是font-face（Texta Narrow）。 Windows上的Firefox看起来比IE9更糟糕。

有没有办法让文字至少平滑一点，或者是我唯一选择使用其他字体？

Answer 1

如果您在网站中使用font-face，那么您应该更改font-face声明/格式，如下所示。

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;

}