如何在我的应用程序中离线使用下载的 Google 字体？ [复制]答案

【问题标题】：How to use dowloaded Google Fonts in my app offline? [duplicate]如何在我的应用程序中离线使用下载的 Google 字体？ [复制]
【发布时间】：2015-07-27 08:18:09
【问题描述】：

我在www/css 文件夹中的应用程序文件夹中下载了几个字体：

/Oxygen

此文件夹包括：

Oxygen-Bold.ttf
Oxygen-Light.ttf

在传统方式中，您在 index.html 中包含如下链接以访问这些字体样式，例如

<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:700|Oxygen:400,700' rel='stylesheet' type='text/css'>

但是，由于我希望我的字体能够离线使用，我想知道我需要采取哪些步骤才能同时使用这些字体？

【问题讨论】：

你需要使用.woff扩展名吗，你也可以将它链接到.ttf吗？
是的，应该可以根据这个答案stackoverflow.com/a/27696481/3400962将字体下载为.ttf。
这个问题已经在其他地方得到回答：stackoverflow.com/questions/15930003/…

标签： html css fonts truetype google-font-api

【解决方案1】：

请注意，Google 字体生成的 CSS 取决于请求的用户代理，因为每个浏览器都使用不同的字体格式，即 TTF、EOT、WOFF、WOFF2 和 SVG。除了伪造用户代理并检查生成的 CSS 规则之外，没有办法直接从 Google 直接下载所有字体变体。

您可以使用http://www.localfont.com/之类的工具下载所有字体格式并自动生成跨浏览器CSS规则。

【讨论】：

或者在下载字体文件时只更改扩展名;-)
很遗憾没有。文件名是散列并且对于每种格式都不同。例如，比较 Oxygen 粗体的 TTF 和 WOFF：fonts.gstatic.com/s/oxygen/v5/… fonts.gstatic.com/s/oxygen/v5/… - 尝试更改其中一个的扩展名，您将得到 404。
太糟糕了，它确实工作了一段时间。 Google 越来越聪明了，哈哈
是的，他们让它变得不必要的困难。