自定义字体的字体粗细

Question

我正在使用这样定义的自定义字体：

@font-face {
  font-family    : 'LatoWeb';
  src            : url('../resources/fonts/Lato-Regular.woff') format('woff');
  font-style     : normal;
  font-weight    : normal;
  text-rendering : optimizeLegibility;
}

有趣的是我没有这种字体的字体粗细变化。但是，从font-weight: 600 开始字体变粗了，怎么可能？如果没有加载字体，它会把字体放在哪里？

Answer 1

@font-face {
  font-family    : 'LatoWeb';
  src            : url('../resources/fonts/Lato-Regular.woff') format('woff');
  font-weight    : normal;
  font-style     : normal;
  text-rendering : optimizeLegibility;
}

你也可以使用：

for example :
font-weight:normal
font-weight:bold

100    Extra Light or Ultra Light
200    Light or Thin
300    Book or Demi
400    Normal or Regular
500    Medium
600    Semibold, Demibold
700    Bold
800    Black, Extra Bold or Heavy
900    Extra Black, Fat, Poster or Ultra Black