在Windows上（IE和Firefox），字体（font-face）呈现出像素化的效果

Question

我们目前正在为一个大型受众建立网站，大部分测试用户使用的是Windows。他们注意到字体渲染非常失真，如下图所示：

我尝试了一些可行的“修复”方法，比如添加微妙的文本阴影、使用zoom:1和/或设置translateZ(0)。我还尝试使用filter和font-smoothing属性，但字体并没有变得更好。

我正在使用一个字体(Texta Narrow)。Windows上的Firefox看起来甚至比IE9还要糟糕。

是否有任何方法可以使文本至少稍微平滑一点，或者我的唯一选择是使用另一种字体？

- Andreas

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;

}

- Hanuman Sahay

---

那会如何改变渲染呢？我正在使用fonts.com提供的标准方式来实现字体。 - Andreas