如果字体中有空格，如何使用字体速记？

Question

例如

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

div {
    font:12px black "Open Sans";
}

是不接受铬，使用单引号或没有引号也没有帮助。如何使用字体而不为字体家族编写额外的行？

Answer 1

实际上，black使这一行CSS无效。font: 12px "Open Sans";应该工作得很完美(当我试用Chrome时也是如此)。如果要设置字体颜色，请使用color: black;属性进行设置。

Answer 2

实际上，Chrome不承认black，而不是'Open Sans'。使用重量测量法代替：

​

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,800');

div {
  font: 800 12px 'Open Sans';
}

<div>
  Some lipsum text right here.
</div>

​

black不是font公认的价值

字体CSS属性要么是设置font-style、font-variant、font-weight、font-size、line-height和font-family的速记属性，要么是使用特定关键字将元素的字体设置为系统字体的方法。

如果希望设置字体颜色，则必须使用color。

div {
  color: #000; /*or color: black;*/
  font: 800 12px 'Open Sans';
}