在Safari中使用固定元素破碎字体渲染

Question

如果存在position:fixed的元素，Safari 9会更改字体呈现。特别是，字体显得比它应该更薄。

没有固定元素：https://jsfiddle.net/4rLmqwfo/

使用固定元素：https://jsfiddle.net/ys0ehofq/

任何解决方案？

Answer 1

试试这个： body {-webkit-font-smoothing：subpixel-antialiased; }