微信小程序引入 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,欧克。

 

posted @   fanjiajia  阅读(1231)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示