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

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

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

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

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

最佳答案

如果您在网站中使用 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;

}

关于css - Windows(IE 和 Firefox)上的像素化字体(font-face)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33032622/

fontName

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

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