本文介绍了如何在微信小程序中使用iconfont图标。首先，从iconfont网站下载所需图标代码，然后将css代码引入到小程序的wxss文件中，可以放在单个页面或公共样式文件中。在wxml文件中通过类名引用图标，确保content值的唯一性以避免冲突。
在微信小程序内如何使用iconfont图标文字：
1.下载具体的图标的代码
2.小程序内使用css代码
3.wxml引用节点
下载具体的图标的代码
1.在iconfont网站搜索需要的图标，加入到购物车
购物车
2.下载具体代码
打开购物车，直接点击 ‘下载代码’即可，打开下载的代码，使用里面的iconfont.css，复制其css代码到微信小程序内。
小程序内使用图标
1.复制的css可以直接放到具体的页面的xxx.wxss文件中
注意⚠️：这样只能单个页面使用，不建议这么做
2.放到公用图标文件，新增公用的wxss文件，这样所有页面都可以使用
如：在static/css下新建iconfont.wxss,把所有的iconfont的css代码都放这里
在app.wxss全局样式文件内引用，即为全局的图标样式
最低0.47元/天 解锁文章
1930
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
