当页面上的任何元素设置为position:fixed;时，Mac Safari字体呈现变细。

Question

以下问题仅在macOS版Safari上发生。

我的问题是，如果我使用position: fixed使一个Element元素固定位置，它渲染的字体会比没有加载该Element时更小。

这里有一个例子链接展示了这个问题：http://www.noticekom.ch.k1859.ims-firmen.de/home.html 该元素用于“主页”和“机构”。在这两个页面上，文本的呈现比其他页面上的文本小。使用固定位置是为了使主页最后内容的效果。当我将其切换到position: absolute时，字体会正常渲染，但显然效果不起作用。

有人知道解决方法吗？

- Pinki

Answer 1

body { -webkit-font-smoothing: subpixel-antialiased; }

这让它感到开心 :)

- Pinki

Answer 2

这对我有用

-webkit-font-smoothing: antialiased;

- Suneel Kumar

Answer 3

Webkit-font-smoothing 对我没用。添加一个背景到元素上以确保它完全不透明是有效的。

当无关动画运行时，Safari会改变字体重量

- yoshyosh