Css Windows（IE和Firefox）上的像素化字体（字体面）

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

我尝试了一些我能找到的“修复”，比如添加一个微妙的文本阴影，使用缩放：1和/或设置translateZ（0）。我也尝试过使用过滤器和字体平滑属性，但是字体并没有变得更好

我使用的是字体（Texta窄字体）。Windows上的Firefox看起来比IE9还要糟糕

---

有没有办法使文本至少平滑一点，或者我唯一的选择是使用另一种字体？

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

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;

---

}

这将如何改变渲染？我正在使用fonts.com提供的标准方法来实现字体。