以角度添加字体以供离线使用？答案

【问题标题】：Add fonts for offline usage in angular?以角度添加字体以供离线使用？
【发布时间】：2016-02-22 07:32:42
【问题描述】：

Angular 在启动时会加载一些字体。

https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700

当我启动 nodewebkit 并且我处于离线状态时，尝试加载字体似乎会降低应用程序的速度...我可以在不加载的情况下保持该字体离线吗？

或者 angular 总是在线观看这种字体？

谢谢！

【问题讨论】：

你确定这个 angualrjs 请求字体而不是你自己的 CSS？
控制台说第 58 行并且有：
我在我的 Angular 应用程序的任何地方都没有看到这个 https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700，也许你正在使用一些寻找它的插件？
我已经进行了全球搜索...这是 bootswatch cosmo 主题。我将用本地字体文件的路径替换它

【解决方案1】：

这不是 Angular 关心的问题。在 HTML5 中，您可以使用 appcache。

HTML5 引入了应用缓存，这意味着一个 Web 应用已缓存，无需互联网连接即可访问。

在您的 index.html 旁边创建一个名为 resource.appcache 的文件

在resource.appcache中添加您要缓存的以下文件的链接

CACHE MANIFEST
# v1.0.0
https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700

然后在你的html中，像这样链接它

<!DOCTYPE HTML>
<html manifest="resource.appcache">
...
</html>

【讨论】：