我可以从自己的服务器中提取Google字体吗?

时间:2015-04-15 04:00:19

标签: html css fonts

我的代码有:

<link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css'>

但我有时会发现googleapis在我的地区很慢。我可以从我自己的服务器托管这些字体吗?

4 个答案:

答案 0 :(得分:1)

快速回答:

快速的谷歌搜索向我展示了这些信息。

信息页面:

http://www.google.com/fonts/specimen/Source+Sans+Pro

https://www.google.com/fonts/specimen/Source+Code+Pro

它们都属于SIL Open Font License,1.1

此许可证不会施加太多限制,并允许您在网站上托管字体。

http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=ofl-faq_web#23261834

http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=ofl-faq_web#c26665c2

答案 1 :(得分:1)

是的,你可以。但这样做比在服务器上保存CSS和字体文件要复杂一些。

问题是,不同的浏览器使用不同的字体格式。 Google通过使用不同的字体文件提供CSS规则来解决这个问题,具体取决于用户代理。

要支持所有浏览器,您需要TTF,WOFF,WOFF2,EOT和SVG格式的字体文件。但谷歌下载字体文件变得非常困难。在google fonts网站上,您只能将字体下载为TTF。

此外,您还需要跨浏览器CSS规则,因为您可能无法轻松实现用户代理检测。

要检索从Google请求具有不同用户代理的CSS文件所需的所有格式。 Here是一篇过时的博客文章,其中列出了一些要使用的用户代理字符串。与此同时,添加了WOFF2并实际获得EOT,您现在需要发送IE6用户代理。 IE7 +现在将导致WOFF。

您可以使用工具http://www.localfont.com/轻松下载所有字体格式和相应的X-Browser CSS。

答案 2 :(得分:0)

你必须在服务器上托管css文件,而且你必须编写代码,因为它无法从服务器加载,然后从一些本地存储中提取,或者你提供了另一个服务器链接。

答案 3 :(得分:-1)

是的,你可以。 enter image description here

在谷歌字体的右上角标有红色,有一个下载链接。

源:  https://code.google.com/p/googlefontdirectory/