下载谷歌字体并建立一个使用该字体的离线网站

我有一个模板，它有一个对谷歌字体的参考，像这样：

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,300' rel='stylesheet' type='text/css'>

我怎样才能下载它，并将它设置为在我的页面中使用，而这些页面一直在离线运行？

unor
已编辑的问题 21日 五月 2018 в 1:03
编程
fonts offline css google-fonts
10日 四月 2013 в 3:22
4 种观点

看看这篇方便的文章，解释如何离线使用谷歌字体。

从本质上讲，你是把字体纳入了你的项目。

@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: normal;
src: url('path/to/OpenSans.eot');
src: local('Open Sans'), local('OpenSans'), url('path/to/OpenSans.ttf') format('truetype');
davidb
编辑本段答案10日 四月 2013 в 3:50
评论(1)

在使用谷歌字体时，你的工作流程分为3个步骤："选择"，"自定义"，"嵌入"。如果你仔细观察，在"使用"页面的右端，有一个小箭头，允许你下载当前收藏的字体。

KyleMit
编辑本段答案25日 十一月 2018 в 2:52
评论(0)

你需要下载字体并在本地引用它。

从你发布的链接中下载 "CSS"，然后下载所有 "WOFF "文件，并（如果需要）将它们转换为 "TTF"。

然后修改你发布的链接中的CSS，使之包括本地的字体。

从

url(http://themes.googleusercontent.com/static/fonts/opensans/v6/
DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff)

至

url(/path/to/font/font.woff)

Voila!你可能还需要做一些事情，但以上是最基本的。这篇文章解释得更清楚一些。

评论(3)