- 首先在iconfont官网上面选好我们要使用的图标,并下载到本地
-
将下载的文件解压并复制引入文件中
image.png
-
图片中的文件都需要引入到我们的项目文件中,有的人说不是只引入iconfont.css就可以了,这个也是可以的,不过要修改iconfont.css文件中的路径,下面的文件都是这个文件中引入的文件
image.png
- 只想要引入一个文件的话,就将这里的URL路径进行删除,有的字体文件是兼容的
- 最后一步,在main.js中进行引入,为什么在app.vue中不行,因为会报错,原因目前我也不知道哈

- 页面上进行写入就可以了(写法有很多中)
<view class="iconfont icon-gouwuche-01"></view>
- 如果知道为什么不能再app.vue中通过@import:url();进行引入的原因,希望留言,让我们一起进步哈!!!














网友评论