美文网首页
iconfont下载至本地,项目中怎么使用

iconfont下载至本地,项目中怎么使用

作者: 焚心123 | 来源:发表于2020-10-29 08:50 被阅读0次
    • 首先在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();进行引入的原因,希望留言,让我们一起进步哈!!!

    相关文章

      网友评论

          本文标题:iconfont下载至本地,项目中怎么使用

          本文链接:https://www.haomeiwen.com/subject/raoqvktx.html