html - 为什么在Chrome中转换字体大小变得如此不稳定？

在两种不同字体大小之间应用css转换时，结果动画在firefox中是平滑的，但在chrome中是不稳定的。

div {
    font-size: 87.5%;
    padding: .5em;
    margin: .5em;
    transition: font-size .25s ease-in-out .25s,
                padding .25s ease-in-out .25s,
                margin .25s ease-in-out .25s;
}

div:hover {
    font-size: 100%;
}

现场演示：http://jsfiddle.net/B7Zyp/2/（将鼠标悬停在带有蓝色边框的框上）
为什么？有没有办法在chrome中使动画平滑？

最佳答案

chrome目前不使用directwrite在windows上进行字体渲染。文本没有消除混叠，因此字体大小被四舍五入（精确到整数？）是的。
不过，他们正在努力。请参见相关错误通知单上的this comment，尤其是附件：
如果使用正确的标志启用directwrite，则它应该可以平滑地设置动画。