微信小程序 使用iconfont

iconfont：https://www.iconfont.cn
需要的图标上传至iconfont我的项目

image.png

1. 下载至本地

   
   
   image.png

2. 文件解压，更改名称，并将文件复制到项目文件中
   2.1 文件夹重命名为fonts（名称可取任意）
   2.2 删除的demo.css和demo.html
   2.3 将iconfont.css改为iconfont.wxss
   2.4 将fonts文件夹放至项目内
   

   image.png

3. 在页面中进行引入使用iconfont
   3.1 在使用界面wxss引入样式表fonts/iconfont.wxss
   3.2 在使用界面wxml中使用

@import '/assets/fonts/iconfont.wxss';

<icon class="iconfont iconshangyishou"></icon>

iconfont必须要写；iconshangyishou是样式名称；样式名称可在iconfont我的项目中复制代码获取

image.png