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

时间:2015-05-15 11:57:14

标签: html css fonts true-type-fonts google-font-api

我已在我的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'>

但是,由于我希望我的字体离线,我想知道我还需要采取哪些步骤才能使用这些字体?

1 个答案:

答案 0 :(得分:2)

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

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