当页面上的任何元素获得位置时，Mac Safari 字体渲染会变薄：固定；答案

【问题标题】：Mac Safari Font Rendering changes thinner when any Element on the page gets position:fixed;当页面上的任何元素获得位置时，Mac Safari 字体渲染会变薄：固定；
【发布时间】：2023-04-03 09:40:01
【问题描述】：

以下问题仅在 Safari for OS X 上出现。

我的问题是，如果我用position: fixed 制作一个Element，它会使字体比我没有加载Element 时更小。

这里是上述问题示例的链接：http://www.noticekom.ch.k1859.ims-firmen.de/home.html

该元素用于“Home”和“Agentur”。在这两个网站上；文本的呈现比其他文本小。固定位置用于从主页上的最后一个内容制作效果。当我切换到position: absolute;字体渲染正常，但是效果明显不行。

有人知道解决方法吗？

【问题讨论】：

标签： css safari custom-font

【解决方案1】：

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

成功了:)

【讨论】：

【解决方案2】：

这对我有用

-webkit-font-smoothing: antialiased;

【讨论】：

【解决方案3】：

Webkit-font-smoothing 对我不起作用。为元素添加背景以确保它完全不透明

Safari changing font weights when unrelated animations are running

【讨论】：