坑是很多的,还是因为自己不太熟悉哈,刚开始压缩好了字体,导入到项目里面,一直没有显示出来我想要的字体汉字,一直怀疑vue的webpack有问题,本地用html测试可以的,折腾了一个下午的vue基本还是没有解决问题。
vue导入字体的话,有很多种办法,可以自己度娘下的,可以再main.js引入css,再app.vue里引入css,只要你能引入,本地run起来ok,什么路径问题没加载的问题run的时候直接会报错的,没有问题的话字体就是已经加载过来了,这里就不用去纠结了。
那么为什么没有显示出来我要的字体汉字呢?其实是跟font-spider的执行的html代码有关系,简单的说下font-spider的压缩原理,它是把你所用到的某几个汉字的字体拿出来了,其他不涉及的汉字全部都剔除掉了。所以,如果你执行的html文件里所涉及到的汉字没有你项目里的汉字,结果还是一样的,字体没有发生什么变化哈。原本我以为font-spider是压缩了整个字体文件,不管你输入什么它都是直接显示这个字体的,真是大错特错了哈。
![扫一扫,请我喝杯啤酒~-~](/Public/Home/images/pay.jpg)
热门文章
dataV是个不错的选择,就是原生支持vue-cli的webpack打包工具,不支持vite,不过站长还算完美地解决了这个问题。
本文主要分析下子组件如何调用父组件的变量跟函数。
vue使用font-spider压缩字体文件的爬坑记录
vue3下快速获取网址中的url参数,网上基本上都是vue2的,所以站长整理了下解决方案
mui轮播还是ok的,循环轮播就不行了哈,通过简单的JavaScript代码完善下就解决
pnpm跟360有冲突,我也是第一次见识。
three.js一个js三维模型库,陌生是挺陌生的,不过学习的话,我们还是要从官网开始,别随便拿别人的代码套。
让electron支持vite2,非常不错,让vue3跑mqtt,十分完美的组合,还支持cnpm。
vite2 vue3 兼容库包,站长用完才能偷偷告诉你。
整理vue公共函数,放置到main.js,在main.js设置全局变量,实现main.js跟.vue文件间的数据通信。