在 angular 应用程序上缓存字体的正确方法是什么

What is the proper way to cache fonts on an angular app

我正在使用 Angular 构建一个类似 photoshop mini 的在线网络应用程序,以减少加载时间,尤其是我考虑从后端获取它们的字体 (Google 字体不包括所有需要的字体)。

所以,我真正想要的是缓存用户选择使用的每种字体,这样当他切换回加载的字体时,应用程序将不会获取现有字体的后端。

我想到的是使用fontFaceObserver Webfont加载。简单、小巧、高效。但是,我没有找到缓存字体的方法。

你试过使用 PWA 吗?那么您将在客户端(服务工作者)缓存所有资产。 https://angular.io/guide/service-worker-getting-started

但是,您需要有签名的 SSL 证书