本文介绍了如何在微信小程序项目中引入iconfont图标库，包括下载图标、配置项目文件、引用图标以及解决可能出现的问题，帮助前端开发者提升小程序的视觉效果。
微信小程序项目引入iconfont
1.打开 iconfont官网， 登录账号，找到想要的图标，鼠标移到它上面，点击最上方购物车 添加入库：
2. 头部购物车图标（从右往左数第三个）显示+1，表示入库成功，点击它查看详情
3.点击下方添加至项目栏
4.点击 加入项目 那一行最右边的文件夹，新建项目
4.项目命名，点击确定（图1），会自动进入项目（图2）， 点击font class下面的暂无代码，点此生成
图1：
图2：
5.点击生成的代码链接（图1），会自动打开新页面（图2），复制页面内所有的代码，打开微信开发者工具，在项目下新建一个包（建议，后面好管理），新建一个 后缀为wxss的文件，把刚刚复制的代码粘贴进去，最后在app.wxss里引入刚刚新建的wxss文件（图3）
图1：
图2：
图3：
注：使用方法和引用样式一样 ：
<text class="iconfont icon-wo " decode="{{true}}"></text>
扫一扫
1693
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
