当在vue-cli中使用vuejs和veutifyjs时如何预加载网络字体？

Question

我有一个使用vuejs和veutifyjs创建的Web应用程序。当进行Pagespeed洞察时，我得到的性能非常低，建议我应该预加载一些CSS文件和Web字体。我可以更改css文件的rel，但是我不知道如何更改web字体的rel。这是建议的图片。

Answer 1

您可以通过两种方式进行：

1. 将字体的<link>与preload属性一起添加到其中。
2. 让service-worker处理缓存机制，其中也包括.woff字体。