坑是很多的,还是因为自己不太熟悉哈,刚开始压缩好了字体,导入到项目里面,一直没有显示出来我想要的字体汉字,一直怀疑vue的webpack有问题,本地用html测试可以的,折腾了一个下午的vue基本还是没有解决问题。

vue导入字体的话,有很多种办法,可以自己度娘下的,可以再main.js引入css,再app.vue里引入css,只要你能引入,本地run起来ok,什么路径问题没加载的问题run的时候直接会报错的,没有问题的话字体就是已经加载过来了,这里就不用去纠结了。

那么为什么没有显示出来我要的字体汉字呢?其实是跟font-spider的执行的html代码有关系,简单的说下font-spider的压缩原理,它是把你所用到的某几个汉字的字体拿出来了,其他不涉及的汉字全部都剔除掉了。所以,如果你执行的html文件里所涉及到的汉字没有你项目里的汉字,结果还是一样的,字体没有发生什么变化哈。原本我以为font-spider是压缩了整个字体文件,不管你输入什么它都是直接显示这个字体的,真是大错特错了哈。

本文链接:http://www.20m8.com/106.html

热门文章

jiaminghi/data-view改造版dataV for vite2/3+vue3/2项目

dataV是个不错的选择,就是原生支持vue-cli的webpack打包工具,不支持vite,不过站长还算完美地解决了这个问题。

查看全文 hehu158 于 2021-07-30 11:07 发表在 Vue ( 阅读:6979 )

Vue2/VUE3子组件如何调用父组件变量以及函数

本文主要分析下子组件如何调用父组件的变量跟函数。

查看全文 hehu158 于 2019-12-27 16:03 发表在 Vue ( 阅读:4124 )

vue项目使用font-spider压缩后的外部字体

vue使用font-spider压缩字体文件的爬坑记录

查看全文 hehu158 于 2020-04-25 10:57 发表在 Vue ( 阅读:3558 )

vue3如何快速获取网址中的get参数

vue3下快速获取网址中的url参数,网上基本上都是vue2的,所以站长整理了下解决方案

查看全文 hehu158 于 2021-08-17 14:11 发表在 Vue ( 阅读:3422 )

MUI实现图片无缝循环轮播不用mui-slider-item-duplicate的快速解决方案

mui轮播还是ok的,循环轮播就不行了哈,通过简单的JavaScript代码完善下就解决

查看全文 hehu158 于 2020-03-06 17:01 发表在 Vue ( 阅读:3108 )

hoppscotch使用pnpm搭建windows机子卡死的一种解决方案

pnpm跟360有冲突,我也是第一次见识。

查看全文 hehu158 于 2021-12-07 16:17 发表在 Vue ( 阅读:2568 )

vue3+three.js加载3d效果爬坑日志-支持vite2.4.4

three.js一个js三维模型库,陌生是挺陌生的,不过学习的话,我们还是要从官网开始,别随便拿别人的代码套。

查看全文 hehu158 于 2021-07-09 16:09 发表在 Vue ( 阅读:2176 )

cnpm+electron+vue3+vite2+mqtt项目DEMO

让electron支持vite2,非常不错,让vue3跑mqtt,十分完美的组合,还支持cnpm。

查看全文 hehu158 于 2021-12-09 09:04 发表在 Vue ( 阅读:2070 )

main.js跟.vue2文件间的通信

整理vue公共函数,放置到main.js,在main.js设置全局变量,实现main.js跟.vue文件间的数据通信。

查看全文 hehu158 于 2020-01-02 17:37 发表在 Vue ( 阅读:1935 )

vite2 vue3 兼容库包好用到爆

vite2 vue3 兼容库包,站长用完才能偷偷告诉你。

查看全文 hehu158 于 2021-09-30 09:37 发表在 Vue ( 阅读:1904 )