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

Question

例如

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

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

不被Chrome接受，使用单引号或没有引号也没有帮助。如何在不为font-family写额外行的情况下使用该字体？

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';
}