有没有办法在 CSS 字体简写中使用数字字体粗细？

Question

当我定义像这样的字体简写值时，我可以以某种方式使用数字字体粗细值（100-900）吗font: 12px 600 sans-serif？

Answer 1

是的，这是可能的，但看起来，您必须将bold关键字放在您的前面size，然后它才能起作用。

如果font被指定为几个与字体相关的属性的简写，那么；Mozilla 文档中列出了一些规则。

• font-style，font-variant并且font-weight必须先于font-size。
• font-variant只能指定 CSS 2.1 中定义的值， normal即small-caps
• font-stretch可能只是单个关键字值
• line-height必须紧跟在 font-size 之后，前面加“/”，如下所示："16px/3"
• font-family必须是最后指定的值。

.a {
  font: 400 12px Georgia, serif;
}
.b {
  font: bold 12px Georgia, serif;
}
.c {
  font: 700 12px Georgia, serif;
}

<p class="a">The font Property</p>
<p class="b">The font Property</p>
<p class="c">The font Property</p>