- 首先在iconfont官网上面选好我们要使用的图标,并下载到本地
-
将下载的文件解压并复制引入文件中
image.png -
图片中的文件都需要引入到我们的项目文件中,有的人说不是只引入iconfont.css就可以了,这个也是可以的,不过要修改iconfont.css文件中的路径,下面的文件都是这个文件中引入的文件
image.png - 只想要引入一个文件的话,就将这里的URL路径进行删除,有的字体文件是兼容的
- 最后一步,在main.js中进行引入,为什么在app.vue中不行,因为会报错,原因目前我也不知道哈
![image.png](https://img.haomeiwen.com/i3294333/ae475fe7a44c6a78.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- 页面上进行写入就可以了(写法有很多中)
<view class="iconfont icon-gouwuche-01"></view>
- 如果知道为什么不能再app.vue中通过@import:url();进行引入的原因,希望留言,让我们一起进步哈!!!
网友评论