gpt4 book ai didi

css - Mac/Safari 上的字体粗细变轻

转载 作者:数据小太阳 更新时间:2023-10-29 09:11:14 24 4
gpt4 key购买 nike

在我的上一个网站上,文本在 chrome 和 firefox 上自然完美,没有触及字体平滑或其他任何东西。
但是在 Mac/Safari 7 上,文本看起来很好,然后立即变薄(太薄/不好看)。 enter image description here enter image description here

经过一些研究 [cf http://www.usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/]
和一些测试

-webkit-font-smoothing    

看起来 Safari 首先显示文本:

-webkit-font-smoothing: subpixel-antialiased;

然后就在你得到闪烁效果之后,当它把字体变成:

-webkit-font-smoothing: antialiased;

所以在我看来,我只能勉强了

-webkit-font-smoothing: subpixel-antialiased;

使我的网站在所有浏览器上保持一致。
我使用的是字体 Avenir Std Roman。

对 Safari 问题的一些解释?有更好的解决方案吗?我的字体可能是问题的一部分吗?

谢谢。

最佳答案

所以我解决了申请的问题:

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

现在我的字体在所有浏览器上都是一致的。

关于css - Mac/Safari 上的字体粗细变轻,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21278020/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com