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

Can I source Google Fonts from my own server?

我的代码是这样的:

<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 速度很慢。我可以从我自己的服务器托管这些字体吗?

是的,你可以。

google字体右上角标红处有下载link.

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

快速回答:

快速谷歌搜索显示了这些信息。

信息页:

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

你必须在你的服务器上托管 css 文件,而且你还必须编写代码,如果它无法从服务器加载,然后它从一些本地存储中获取,或者你已经提供了另一台服务器link.

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

事实是,不同的浏览器使用不同的字体格式。 Google 通过根据用户代理提供具有不同字体文件的 CSS 规则解决了这个问题。

要支持所有浏览器,您需要 TTF、WOFF、WOFF2、EOT 和 SVG 格式的字体文件。但是 Google 使下载字体文件变得不必要地困难。从 google 字体站点您只能下载 TTF 格式的字体。

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

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

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