如果谷歌字体不可用,如何指定Web安全用户默认字体

Question

为了设计我喜欢在标题中使用非常大的字体(大约70 - 85像素)为了防止这个页面压倒我需要一个非常薄的字体.我在谷歌字体上找到了Poiret One,它被归类为草书家族.它是一种非常轻薄,非常优雅的字体,但草书系列中的默认字体似乎是相反的 - 在大标题中非常笨重,大胆且没有吸引力.在我的css文件中,我有:

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

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

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

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

期待一个解决方案.谢谢!

Answer 1

font-family像这样使用：

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

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