如何在我的离线应用程序中使用下载的 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 规则。
我在 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 规则。