如何从 Google 字体下载 WOFF 文件? [关闭]
Posted
技术标签:
【中文标题】如何从 Google 字体下载 WOFF 文件? [关闭]【英文标题】:How can I download WOFF files from Google Fonts? [closed] 【发布时间】:2015-01-08 14:13:23 【问题描述】:Google Fonts 似乎只提供 WOFF2 字体。
虽然这适用于 Chrome,但 WOFF2 doesn't seem to be supported by many other browsers
有没有办法以 WOFF2 以外的格式直接链接到其 CDN 上托管的 Google 字体?
【问题讨论】:
Check this 为一切。 Google 根据浏览器提供文件,因此在大多数现代浏览器中,您将获得 woff2 版本。使用curl
获取woff文件:curl 'https://fonts.googleapis.com/css?family=Karla'
这个问题现在已经结束(所以真的必须改变它的政策)但这个问题的最佳答案是这个免费的应用程序google-webfonts-helper.herokuapp.com/f
Daniel Bang,这对我不起作用,我刚刚获得了 TTF 字体的 CSS。
【参考方案1】:
很遗憾,Google 没有提供直接下载字体的简单方法。您可以浏览git repository 来搜索您想要的文件,尽管 GitHub 上只有 TTF 文件可用。
另外,不要在 CSS 中直接链接到 GitHub 托管的字体! GitHub 使用错误的 mime 类型提供文件,这会导致某些浏览器出现问题。
虽然没有所有格式的主流CDN,您可以使用http://google-webfonts-helper.herokuapp.com下载字体文件并自行托管。
【讨论】:
不幸的是localfont 没有下载字体的所有字符集。它仅包括拉丁字符集。 google-webfonts-helper 会是更好的工具。 localfont.com 似乎已于 2017 年 7 月死亡。 localfont.com 已死,但这个替代方案效果很好:google-webfonts-helper.herokuapp.com @AlexeyMitev - 你应该提交google-webfonts-helper.herokuapp.com 作为答案。 @folktrash - 我应该有,但为时已晚。问题现已结束。【参考方案2】:当我在 Chrome 中打开以下 URL 时,我会得到一个指向 woff2
格式的字体的链接。当我使用 Firefox 时,它是 woff
格式,而在运行 pre-4.4 的 android 设备中,它是 ttf
格式。
http://fonts.googleapis.com/css?family=Open+Sans
因此,Google 似乎以适合请求用户代理的格式提供字体。
【讨论】:
我在 Firefox 中访问它,字体是 woff2 格式。也许FF的情况已经改变了? 我刚才在 safari 中尝试了这个,并且得到了 'woff' 和 'woff2' 的 chrome - 似乎工作正常。 @halfer 我的 Firefox 支持 woff2。 这是一个方便的快捷方式。希望谷歌会在下载中添加格式选项。另一个解决方法,因为我在这个问题的其他任何地方都没有提到它,是从谷歌下载 .ttf,并将其上传到 Font Squirrel 的网络字体生成器:fontsquirrel.com/tools/webfont-generator 它将你的字体转换为你的任何网络格式需要。【参考方案3】:您可以使用everythingfonts.com 将ttf
文件转换为woff
文件。
【讨论】:
【参考方案4】:另一个选项是使用以下 (node) gulp 包:gulp-google-webfonts。
安装后需要花一些时间来安装字体并创建相应的 css。
请注意,在安装名称中带有空格的 Google 字体时,(您不要对其进行转义)使用加号引用它,如下所示:
字体列表
Cabin+Sketch:400
【讨论】:
以上是关于如何从 Google 字体下载 WOFF 文件? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章