vue3----解决字体包太大响应慢以及打包文件大的问题 && 解决font-spider 报错问题

vue3----解决字体包太大响应慢以及打包文件大的问题 && 解决font-spider 报错问题

前言:使用font-spider压缩字体(亲测可用)
参考链接:https://blog.csdn.net/nanchen_J/article/details/126973856

一、解决字体包太大响应慢以及打包文件大的问题

1.终端输入如下命令:

npm install font-spider -g

如果报如下错误,就在再次发送命令即可:
在这里插入图片描述
安装成功显示如下:
在这里插入图片描述

2.在index.html页面,引入字体包,如下显示:(注意最好是./路径引用,如果是绝对路径或者…/…/会在下一步骤时报错)
在这里插入图片描述
3.在终端输入命令:

font-spider index.html

上面提到了,如果引入字体路径不是./会报如下错误:
在这里插入图片描述

运行正确的显示效果:
在这里插入图片描述

4.这个时候打开项目文件夹会发现多出一个文件,并且目标字体已经压缩:
在这里插入图片描述

ps:打包后如果发现字体失效,可以参考:https://blog.csdn.net/nanchen_J/article/details/126973856

二、解决font-spider 报错问题:

说明:在输入命令行font-spider index.html后可能会出现如下报错:

在这里插入图片描述

解决方法:

1)终端输入如下命令:(会出现Restricted这个单词,说明受到限制了)

 get-ExecutionPolicy

在这里插入图片描述

2)终端输入如下命令:(在冒号后面输入RemoteSigned)即可

 Set-ExecutionPolicy -Scope CurrentUser

在这里插入图片描述

3)再次运行 font-spider index.html 即可。

猜你喜欢

转载自blog.csdn.net/heavenz19/article/details/131515347