如何在网站中使用Google Web Font形成本地路径?

时间:2016-09-21 06:32:06

标签: javascript html css fonts

我正在新网站上添加谷歌字体,但当我禁用我的互联网谷歌字体不工作不显示离线模式。如何设置谷歌字体,但链接形式我的本地文件夹不是谷歌服务器?

使用过的html方法:

java.lang.ClassCastException: javafx.scene.image.ImageView cannot be cast to javafx.scene.control.Button

使用过的css方法:

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

3 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

您可以使用goog-webfont-dl在本地下载字体。 这也将生成css文件供您在项目中使用。

答案 2 :(得分:0)

下载字体文件并将其放入根文件夹中的文件夹中。并将其链接到HTML中,如下所示:

<link rel="stylesheet" href="fonts/OpenSans-Regular.ttf" />

提到了另一种可能的解决方案here