CSS固定位置字体变化

Question

当我将 position:fixed 应用于元素时，字体会变得更细和像素化。如果位置是相对的或绝对的，字体会干净地呈现。

我在 Firefox 和 Safari 中都注意到了这个问题。发生了什么事？

编辑

这是一张显示文字差异的图片。唯一改变的是立场。 Safari 中的效果类似，但不那么引人注目。

CSS 字体平滑和抗锯齿建议似乎没有什么不同。

Answer 1

这可能是渲染问题。在元素上试试这个以获得更好的渲染:

-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;