微信小程序 -- 引入 iconfont 矢量图标（Font class ）

微信小程序引入 iconfont 方法分为以下几种：

• Unicode 引入；

• Font class 引入（常用）；

• Symbol 引入；

 

---

第一步 ：把所需图标添加至项目

---

第二步 ：修改 项目设置

        选中TTF，Base64 两种格式并保存。

---

第三步 ：生成项目代码

---

第四步 ：点击生成的项目代码 并复制

---

第五步 : 把复制后的代码粘贴到微信小程序中的对应文件即可

---

第六步 : 引入到项目配置app.wxss中

@import "/static/iconfont/iconfont.wxss";

---

最后一步 把 font class代码 复制到 text标签 的class属性中；

<text class="iconfont icon-huangguan" style="font-size: 36rpx;"></text>

那么你就会得到你想要的图标喽 ~

如果对铁铁你有用的话，记得点赞收藏哦~