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

can*_*say 45 css fonts cross-browser google-font-api

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

虽然这适用于Chrome,但很多其他浏览器似乎都不支持WOFF2

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

udo*_*dan 87

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

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

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

  • 不幸的是[localfont](http://www.localfont.com)没有下载该字体的所有字符集.它仅包括拉丁字符集.[google-webfonts-helper](https://google-webfonts-helper.herokuapp.com)将是更好的工具. (11认同)
  • localfont.com已经死了,但这个替代方案效果很好:https://google-webfonts-helper.herokuapp.com (8认同)
  • [localfont](http://localfont.com/)应该回答#1,因为它像谷歌字体本身一样,但表示所有字体版本. (7认同)
  • 截至2017年7月,localfont.com似乎已经死亡. (5认同)

Dhe*_*.S. 16

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

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

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

  • 我在Firefox中访问它,字体是woff2格式.也许FF的情况发生了变化? (3认同)
  • 这是确定的答案。通过执行类似 `curl "http://fonts.googleapis.com/css?family=Roboto" -H 'User-Agent: Mozilla/5.0 Firefox/90.0'` 的操作,您将获得使用 `woff2` 链接生成的 CSS,而传递旧版本,例如 `curl "http://fonts.googleapis.com/css?family=Roboto" -H 'User-Agent: Mozilla/5.0 Firefox/30.0'` 会输出较旧的 `woff` 格式。 (2认同)

Mik*_*iLL 7

另一种选择是使用以下(节点)包:吞掉-GOOGLE-网络字体.

一旦安装,安装字体并创建相应的CSS需要一些时间.

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

fonts.list

Cabin+Sketch:400
Run Code Online (Sandbox Code Playgroud)


isa*_*pir 5

您可以使用everythingfonts.comttf文件转换为woff文件。