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

Question

我的代码是这样的:

<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 在我所在的地区运行缓慢。我可以从自己的服务器托管这些字体吗？

Answer 1

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

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

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

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

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

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