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

Question

如果用户没有安装helvetica，我想要一个字体“回退”到谷歌网络字体（Open Sans）上的某个字体，是否有一种简单的方法可以做到这一点？

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

例如，如果可能的话，这样的事情：

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

此外，由于我正在使用helvetica'Helvetica Neue Light'的特定光版本，当回到打开sans / arial时，有一种方法可以指定字体重量，使得重量仅适用于后备字体？以下是否这样做？

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

Answer 1

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

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