给定fonts.googleapis.com链接，本地缓存字体集合

Question

使用google fonts browser执行此操作似乎令人生畏。我有这个链接，它适用于我的网站：

https://fonts.googleapis.com/css?family=Open+Sans:400,300,700

现在，我正在进行离线开发，我只想在本地缓存这些字体。根据{{​​3}}我需要开始在这里和那里选择字体，直到我觉得我已经选择了我想要的东西，然后下载该集合。那只是不会飞，吉姆。

有一个简单的方法，给出原始链接，下载整个集合？

Answer 1

你在谈论第一个FAQ条目，对吧？嗯，这是正确的，但只解释了如何下载字体文件。这并不意味着你可以立即在你的网页上使用它，因为谷歌没有提到幕后的更多内容。

首先，Google字体支持5种不同的字体格式，即WOFF，WOFF2，TTF，EOT和SVG。所有这些格式都是不同浏览器所要求的 - 因为如果这些人只能调整一次并使用相同的格式就太简单了......无论如何，你无法从谷歌下载所有这些格式。只有TTF可以直接下载。此外，您发布的链接后面的CSS是动态生成的，取决于用户代理。这可以确保每个浏览器都获得它支持的字体格式。

这使得在本地缓存整个事物并保持对所有浏览器的支持非常困难 - 因为你在本地开发（没有互联网连接意味着，我猜）你可能会一直在不同的浏览器中进行测试。幸运的是有一些帮手。我最喜欢的是http://www.localfont.com/ - 您只需选择字体，您将获得所有字体格式，包括可供下载的跨浏览器CSS声明。