1.选择图标加入购物车
2.添加完成后点击购物车
3.点击添加至项目
没有项目新建即可
4.选择下载到本地
下载完成后解压,复制出其中的iconfont.css文件,修改文件后缀为.wxss
5.新建存放iconfont.wxss的文件夹
在微信小程序项目中新建icon文件夹,将上面修改过的iconfont.wxss文件导入
6.修改iconfont.wxss文件内容
在项目页面内根据提示生成代码,点击“点此复制代码”。
在小程序项目中打开iconfont.wxss文件,把@font-face部分替换为复制的@font-face部分。
7.引用
在app.wxss文件中正确引用iconfont.css文件。
引用正确即可使用:
前面的iconfont是固定用法,不能改。想获取图标的名字可以点击项目页面的Fontclass选项,把鼠标移到图标上,点击“复制代码”即可获得图标名称。
以下为成功的示意图: