微信小程序如何添加新的icon图标

 

第一步

先去阿里云下载图标http://www.iconfont.cn/

根据需要把图片的代码下载下来，下载完成之后是一个

压缩包，解压压缩包里面有一个css的文件复制到项目中，更改后缀为wxss

 

 

 

第二步

在wxss中引入刚才更改后缀名css文件

@import "../../../css/test.wxss";

 

 

 

 

第三步

在wxml使用

<text class='iconfont icon-home' style='color:#7F8389;font-size:60rpx;'></text>

 

注意：icon的样式可以在刚才更改后缀名的wxss中更改。