我怎样才能修复"模糊/粗体"转换属性后CSS转换后的文本?

时间:2016-12-27 03:25:44

标签: css css3 css-transitions

在我的网站上,我有一个"模糊/粗体/故障" css转换后出现的文本发生在translateY属性上。

See screenshot (top: how it should be / bottom: how it actually looks)

这是现场直播(请在向下滚动时查看):http://louisamiot.com/project/this-is-why

这肯定听起来像Webkit上的文本呈现问题,因为有些字符看起来比其他字符更大,并且在调整窗口大小时一切都已修复。

我尝试了几种修复方法,例如-webkit-font-smoothing:subpixel-antialiased;以及所有常见的CSS技巧,如translate3D translateZ(0)scale(1.0)和backface-visibility:hidden;但他们都没有工作。

有什么想法吗? :)

非常感谢社区。

0 个答案:

没有答案