html - 如果用户没有安装例如 helvetica，如何回退到谷歌网络字体

Question

如果用户没有安装 helvetica，我希望字体“回退”到 google web fonts (Open Sans) 上的某种字体，有没有简单的方法可以做到这一点？

我的想法是，我只希望用户必须下载字体(如果必须的话)，例如对于 mac 用户，我不希望他们必须下载字体。

例如，如果可能的话，像这样:

font-family: HelveticaNeue-Light, 'Open Sans Light', Arial;

另外，由于我使用的是 helvetica 'Helvetica Neue Light' 的特定 light 版本，当回退到打开 sans/arial 时，是否有一种方法可以指定字体粗细，使粗细仅适用于后备字体？以下内容可以做到这一点吗？

h1 { font-family: HelveticaNeue-Light, Arial; font-weight: 400; }

Answer 1

您可以指定 @font-face src property 内字体的本地路径，因此已经拥有该字体的客户不会从备用源下载它。我不知道它在浏览器中的支持情况如何，但它应该适用于任何支持字体的浏览器。

@font-face {
  font-family: Helvetica;
  src: local(Helvetica), url(/path/to/Helvetica.ttf);
}