我有一个UL,其LI的样式如下:
Ul li {
padding: 10px;
color: white;
font-size: 2vw;
font-family: "Helvetica Neue";
font-weight: 200;
font-style: normal;
border: 0;
outline: 0;
background: transparent;
border-bottom: 1px solid rgba(9, 0, 0, 0.3);
-webkit-appearance: none;
border-radius: 0;
}
然而,Chrome中的字体看起来有所不同,有点厚:
然后它在Safari中执行:
我更喜欢Safari再现,如何在每个浏览器中使字体呈现相同?
答案 0 :(得分:1)
简短的回答是:不。这真的很痛苦......但你可以尝试通过在CSS中的HTML元素上使用-webkit-font-smoothing: antialiased;
和-moz-osx-font-smoothing: grayscale;
来改善事情。