为什么css变换旋转使文本难看

Question

某些浏览器（对我来说：XP上的firefox＆amp; chrome）似乎没有对CSS旋转的文本应用消除锯齿

例如：http://dabblet.com/gist/4281185

为什么它们适用于图像但不适用于文字？

Answer 1

使用3D变换。使用3D变换属性，即使您实际上没有进行任何3D变换，也可以提高性能，如下所示：

1. 它会在'GPU'上发挥作用并获得更流畅的表现。
2. 它会在按钮的默认状态下对文本进行整理（细化），因此转换开始时并不令人惊讶。

WebKit有那么令人讨厌（我称之为一个错误），正在转换/转换的文本看起来很瘦，很糟糕。默认情况下，文本看起来不错，但当按钮处于转换状态或变换时，您将会闪烁和变薄。

希望这会有所帮助。

Answer 2

糟糕的文字质量显然是您使用的网络浏览器的“错误”，但您应该等待一段时间，并且应该修复它。随着Web开发人员学习如何使用新功能，浏览器程序员必须实现它们，并且需要一些时间才能正常工作。在下一版本的浏览器中查看它 - 如果文本轮换越来越多，越来越流行的浏览器会更好地处理它，以便正确显示更多的网页。