如何从Google字体下载WOFF文件？

Question

Google字体似乎只在WOFF2中提供字体。

虽然这适用于Chrome，WOFF2 doesn't seem to be supported by many other browsers

有没有办法以WOFF2以外的格式直接链接到CDN上托管的Google字体？

Answer 1

不幸的是，Google没有提供直接下载字体的简便方法。您可以浏览原始git repository以搜索所需的文件。

不要链接到CSS中的GitHub托管字体！ GitHub使用错误的mime类型提供文件，这会导致某些浏览器出现问题。

虽然没有适用于所有格式的主流CDN，但您可以使用http://google-webfonts-helper.herokuapp.com下载字体文件并自行托管。

Answer 2

当我在Chrome中打开以下网址时，我会获得woff2格式的字体链接。当我使用Firefox时，它采用woff格式，并且在运行4.4之前的Android设备中，它采用ttf格式。

http://fonts.googleapis.com/css?family=Open+Sans

因此，Google似乎以适合请求用户代理的格式提供字体。

Answer 3

另一种选择是使用以下（node）gulp包：gulp-google-webfonts。

安装完成后，需要花一些时间安装字体并创建相应的CSS。

请注意，在安装名称中包含空格的Google字体时（您不要将其转义），请使用加号引用它，如下所示：

fonts.list

Cabin+Sketch:400

Answer 4

您可以使用everythingfonts.com将ttf文件转换为woff文件。