html - 在不同浏览器中显示字体

Question

在 Zepplin 中绘制了一个设计。有一种字体

font-family: HelveticaNeue;
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
color: #888888;

但由于某种原因，它在浏览器中显示得比设计中要薄得多。可能是什么问题呢？

图中顶部浏览器下方的设计：

标签： htmlcsszeplin

Answer 1

在这里你可以把font-weight属性放在600下面

字体粗细：600；

其背后的原因是当我们将 font-weight 设置为低于 600 时，它显示文本正常，而如果我们将 font-weight 设置在 600-900 之间，它显示加权文本