html - 对于不同的浏览器呈现不同的字体，我能做些什么吗？

Question

我有一个 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 版本，如何让字体在每个浏览器中呈现相同？

Answer 1

简短的回答是:不。这真的很痛苦......但是你可以尝试通过使用 -webkit-font-smoothing: antialiased; 和 -moz-osx-font-smoothing: grayscale; 来让事情变得更好。 在 CSS 中的 HTML 元素上。