Html 在Windows7&；下的Firefox上使用CSS转换进行字体渲染；8看起来非常粗糙，参差不齐

，你可以看到价格倾斜了几度。在Chrome上这看起来“恰到好处”，在Firefox上这看起来非常扭曲（Firefox，最近的版本是在Win7、Win8上，但不是在Win10上）

渲染Chrome（类似于IE11），Windows 7：

呈现Firefox、Windows 7：

我发现一些笔直字体存在类似的抗锯齿问题，特别是在移动设备上，不确定这是否相关。这里是一个渲染对比，一个笔直的字体在Firefox中看起来也很糟糕（参差不齐）（Chrome在左边，Firefox在右边）

字体选择似乎不相干，将字体更改为基本字体，如

Arial

，倾斜时仍会呈现不好的效果

这是Firefox的渲染问题还是存在解决方案？如果是这样，如何解决这个问题

复制

。产品价格跨度{
显示：块；
-webkit变换：旋转（-7度）；
-moz变换：旋转（-7度）；
-ms变换：旋转（-7度）；
-o变换：旋转（-7度）；
变换：旋转（-7度）；
过滤器：progid:DXImageTransform.Microsoft.BasicImage（旋转=3）；
}
1.产品价格{
底部：-29px；
高度：55px；
宽度：83px；
字体大小：22px；
线高：45px；
字体系列：“Arial”；
}

€ 15,00

我将自行解决这个问题，因为这个解决方案可能会帮助其他人

事实证明，如果我在Firefox中打开关于：支持的页面（出于安全原因，链接不会呈现，您必须自己键入），它会在Direct2D条目中显示错误，该条目通常只显示

true

（启用）或

false

（禁用）

许多关于字体渲染问题的报告中有一份指出了这一点，特别是，它为我指明了正确的方向

---

升级图形驱动程序后，错误消失了，字体的渲染问题也随之消失。倾斜字体现在看起来就像它应该的一样，就像其他网站上的许多其他字体一样。

在这种情况下，尝试使用：文本呈现：优化易读性-webkit字体平滑：抗锯齿；在你的身体标签上。@Cheesy，只是局部试用，我看不出有任何明显的效果。