微信小程序引入 iconfont 图标库
记录一下微信小程序引入iconfont 的步骤及操作流程
1,申请iconfont仓库
地址 https://www.iconfont.cn/
注意要点, 微信小程序不能直接引入,只能引入 base64 的 iconfont,我看很多人在推荐一些第三方网站转。然而iconfont本来就支持
2,自己选需要的图标,然后引入。
3,下载iconfont,我看网上有很多在线引入的方法,我还是喜欢直接下下来。
4,把下载下来的文件引入微信小程序代码里面,把 iconfont.css 更名为 iconfont.wxss
5,在 app.wxss 使用
1 | @import "/style/iconfont.wxss" |
引入即可
6,使用:
1 | <text class = "iconfont icon-wenben" ></text> |
7,欧克。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通