如何在网页中使用多种 Google 字体？

Question

我知道这是一个简短的问题，但是您如何在文本中使用多个自定义 Google 字体，即 Baloo 和 Roboto？在此示例中，文本应为 Roboto，标题应为 Baloo。谢谢你的时间。

原文由 scdmn jeh 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您为要使用的每种字体单击“选择此字体”，谷歌将为您提供一个 link 包含多种字体的标签。您还可以为每种字体包含多个 link 标签。

 h1 {
  font-family: Baloo;
}
h2 {
  font-family: Roboto;
}

 <link href="https://fonts.googleapis.com/css?family=Baloo|Roboto" rel="stylesheet">
<h1>Baloo</h1>
<h2>Roboto</h2>

原文由 Michael Coker 发布，翻译遵循 CC BY-SA 3.0 许可协议