css - Windows(IE 和 Firefox)上的像素化​​字体(font-face)

Question

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

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

我使用的是字体 (Texta Narrow)。 Windows 上的 Firefox 看起来比 IE9 还要糟糕。

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

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;