iconfont使用教程,在uniapp中使用iconfont,及新增图标的方法

时间:2021-09-02 14:27:15   收藏:0   阅读:38

1.进入iconfont官网

把自己需要的图标加入购物车,然后选择添加至项目。

技术分享图片

 

 

 2.然后选择下载到本地。

技术分享图片

 

 

 解压文件,只需要保留iconfont.css、confont.ttf

技术分享图片

   将这两个文件放入项目

   技术分享图片

  将文件第一段改为下图

技术分享图片

 3.在APP.vue的style里面引用

技术分享图片

  4.在项目中使用

技术分享图片

   查看效果

 技术分享图片

  添加新图标至项目

把需要添加的新图标加入项目,然后下载

打开新下载的iconfont.css文件,找到新加的图标名称,复制到项目里的iconfont.css文件里

技术分享图片

  引用新加入的图标

技术分享图片

 

 

 

 最后查看效果

技术分享图片

 

原文:https://www.cnblogs.com/cstd/p/15218141.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!