vue项目引用.ttf字体8M太大如何解决

Question

Vue项目中引用.ttf格式的字体，但是文件有8M，太大了。
网上有人说用字蛛（font-spider），它的作用是筛选出静态网页中使用的所有文字，去除8M字体库中的其他字，只保留静态网页中所需的文字的字体样式。
但是Vue单页面应用好像不可行，文字都是动态加载的。
我是想要页面显示的所有文字都使用这个字体样式，而不是单独某个标题或者logo。
有没有好方法可以解决。既要好看的字体，又要打包文件小。。。我是不是太贪了。。。

Answer 1

如果不是所有的字都要用这个字体，可以考虑图片;
或者也可以使用有字库网的字体，https://www.youziku.com/onlin...

Answer 2

preload属性预加载

    <link rel="preload" as="font" crossorigin href="./font/YPLLY.ttf">

亲试可行

Answer 3

可以参考一下https://juejin.cn/post/702289...

Answer 4

遇到同样的问题，请问您最后怎么解决的？