当页面上的任何元素到达位置时,Mac Safari字体渲染会变薄:固定;

时间:2014-03-05 17:22:30

标签: css safari custom-font

仅在 Safari for OS X 上发生以下问题。

我的问题是,如果我使用Element制作一个position: fixed,则会将字体渲染为比我没有加载Element的字体小。

以下是所述问题示例的链接:http://www.noticekom.ch.k1859.ims-firmen.de/home.html

该元素用于'Home'和& “新社”。在这两个网站上;文本的渲染比其他文本的更小。固定位置用于从主页上的最后一个内容产生效果。当我将其切换到position: absolute;字体呈现正常,但效果显然不起作用。

有没有人知道解决方法?

3 个答案:

答案 0 :(得分:20)

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

这使它:)

答案 1 :(得分:5)

这对我有用

-webkit-font-smoothing: antialiased;

答案 2 :(得分:1)

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

Safari changing font weights when unrelated animations are running