名称中带有空格的Google字体，HTML中的正确引用方式是什么？

Question

这是我从谷歌字体网页的链接中复制的字体。其他字体(muli，oswald，lato(工作正常，但是当我尝试使用它时，sawarabi mincho没有呈现，当我想使用sawarabi mincho时，chrome似乎使用我的默认字体。

我试过了

p{
font-family: Sawarabi_Mincho;
}
p{
font-family: Sawarabi+Mincho;
}
p{
font-family: Sawarabi Mincho;
}
p{
font-family: "sawarabi+mincho";
}

但这些似乎都不起作用。

名称中有空格的字体的正确调用方法是什么？

Answer 1

Google Fonts 会告诉您，如果您单击字体上的"+"，然后单击"已选择的 1 个系列"以显示工具窗口：

在 CSS 中指定

使用以下 CSS 规则指定这些系列：

font-family: 'Sawarabi Mincho', sans-serif;

有关如何将字体添加到网页的示例，请参阅入门指南。

所以这应该有效：

body {
font-family: 'Sawarabi Mincho', sans-serif;
}

<!-- head: -->
<link href="https://fonts.googleapis.com/css?family=Sawarabi+Mincho" rel="stylesheet">
<!-- body: -->
<h1>A red flare silhouetted the jagged edge of a wing.</h1>