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

时间:2012-01-25 02:35:55

标签: html css fonts font-face

如果用户没有安装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; }

1 个答案:

答案 0 :(得分:4)

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

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