微信小程序使用字体图标

Posted 2020-12-20 樱桃&丸子

1.打开阿里巴巴字体图标库https://www.iconfont.cn/

2.搜索需要的图标添加入库

3.点击右上角购物车标识，添加至已有项目，或者新建项目

4.添加完成之后，选择项目，点击Font class选项按钮

5.点击查看在线链接，下边会显示是个链接地址，复制并在地址栏打开链接

6.全选复制代码，回到项目在styles目录下新建iconfont.wxss文件，把已复制代码粘贴进去

7.在全局样式文件app.wxss中导入iconfont.wxss文件

　@import "./styles/iconfont.wxss"

　这样在每一个页面中都可以通过类名使用字体图标了

　如：<text class="iconfont icon-gouwucheman"></text>