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

自定义字体的font-weight

1 个答案: