html - 如果谷歌字体不可用，如何指定网络安全用户默认字体

Question

为了设计，我喜欢在标题中使用非常大的字体(大约 70 - 85 像素)为了防止页面过于拥挤，我需要一个非常细的字体。我在谷歌字体上找到了 Poiret One，它被归类为草书体。它是一种非常细、非常优雅的字体，但草书体中的默认字体似乎是 comic sans，恰恰相反——非常笨重、粗体，在大标题中没有吸引力。在我的 css 文件中我有:

h1 {
  font-family: 'Poiret One', cursive;
  font-weight: 100;
  font-size: 85px;
  color: #99ccff;
}

我想添加 courier new 作为用户默认字体，因为它是网络安全字体中最细的，并添加以下属性以使字符间距类似于 Poiret One，这样我就不会溢出我的 Bootstrap 列:

font-family: "Courier New";
font-style: normal;
font-size: 4.8em;
font-weight: 400;
letter-spacing: -0.125em;
line-height: 1.5em;

如果用户无法查看 Poiret One，我可以使用什么 css 告诉浏览器，请使用 courier new 并按上面给出的字体修改？

期待解决方案。谢谢!

Answer 1

像这样使用font-family:

font-family: 'Poiret One', cursive, 'Courier New';

当浏览器找不到 Poiret One 或 cursive 字体时，它将使用 Courier New 字体。