javascript - 如何在网站表单本地路径中使用 Google Web Font？

Question

我正在使用添加谷歌字体的新网站工作，但是当我禁用我的互联网谷歌字体时，它无法正常工作，不显示离线模式。我如何设置谷歌字体但从我的本地文件夹链接而不是从谷歌服务器链接？

使用的html方法:

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;lang=en" />

使用的css方法:

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

Answer 1

试试这个

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
  src: local('Open Sans'), local('OpenSans'), url(OpenSans-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(OpenSans-Light.ttf) format('truetype');

}

下载Google Font