Google字体的名称中有空格，那么在HTML中引用的正确方式是什么？
Google字体的名称中有空格，那么在HTML中引用的正确方式是什么？
提问于 2018-08-15 05:16:33
这是我从google字体网页上的链接中复制的字体。其他字体(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";
}但这些似乎都不管用。
调用名称中有空格的字体的正确方式是什么？
回答 1
Stack Overflow用户
发布于 2018-08-15 05:20:12
如果您单击字体上的"+“，然后单击"1 Family selected”，Google Fonts会告诉您是否显示工具窗口：
在CSS中指定的
使用下列CSS规则指定这些族：
font-family: 'Sawarabi Mincho', sans-serif;
有关如何将字体添加到网页的示例，请参阅getting started guide。
因此，这应该是可行的：
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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51849876
复制相关文章
相似问题