我已在我的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'>
但是,由于我希望我的字体离线,我想知道我还需要采取哪些步骤才能使用这些字体?
答案 0 :(得分:2)
请注意,Google Fonts生成的CSS取决于请求的用户代理,因为每个浏览器都使用不同的字体格式,即TTF,EOT,WOFF,WOFF2和SVG。除了伪造用户代理并检查生成的CSS规则之外,无法直接从Google直接下载所有字体变体。
您可以使用http://www.localfont.com/之类的工具下载所有字体格式并自动生成跨浏览器CSS规则。