如何在我的离线应用程序中使用下载的 Google 字体?

How to use dowloaded Google Fonts in my app offline?

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

/Oxygen

这个文件夹包括:

Oxygen-Bold.ttf
Oxygen-Light.ttf

在传统方式中,您在 index.html 中包含如下所示的 link 以访问这些字体样式,例如

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

但是,由于我希望我的字体可以离线使用,我想知道我需要执行哪些步骤才能也使用这些字体?

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

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