webkit-font-smoothing:chrome 和 safari 中的结果突然不同

2024-06-28

我曾经在两个 webkit 浏览器(Chrome 和 Safari)中都有相同的输出,但突然之间(我不知道我可以改变什么,Chrome 中的渲染看起来很糟糕。

这是我的html

<li class="cat-item term term-workshops"><a href="/workshops">Workshops</a></li>

这是我的 CSS

.term a {
    display:inline-block;
    height:1em;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    font-smooth:always;
}

.term-workshops a {
    text-transform:lowercase;
    font-family:"Custom-Family", sans-serif;
    font-size:1.4em;
    margin-top:.1em;
}

Safari 中的输出看起来不错(以前在 Chrome 中看起来是一样的)

Chrome 中的输出看起来突然很糟糕

你知道为什么这会对两个 webkit 浏览器产生影响吗? 我知道它在 Firefox 中看起来很糟糕,因为没有font-smoothing选项,但如果可能的话,它在 Chrome 和 Safari 中应该看起来相同。

我可以在我的 CSS 中改变什么来使输出看起来突然不同?我知道它在两个浏览器中看起来都是一样的!


https://productforums.google.com/forum/?fromgroups=#!topic/chrome/0vqp1bnkaoE https://productforums.google.com/forum/?fromgroups=#!topic/chrome/0vqp1bnkaoE

-webkit-font-smoothing 不再有效。 Google Chrome 团队有意改变了这种行为。似乎 在以前的版本中,字体平滑在 OSX 上没有“正确”应用。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

webkit-font-smoothing:chrome 和 safari 中的结果突然不同 的相关文章

随机推荐