我曾经在两个 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 中改变什么,使输出看起来突然不同?我知道它在两种浏览器中看起来都一样!