1)首先,登录阿里巴巴iconfont.cn

微信小程序引用iconfont图标字体解决方案;-LMLPHP

2)新建项目

微信小程序引用iconfont图标字体解决方案;-LMLPHP

3)点击icon收藏

微信小程序引用iconfont图标字体解决方案;-LMLPHP

4)加入到test项目中

 微信小程序引用iconfont图标字体解决方案;-LMLPHP

5)下载到本地解压

 微信小程序引用iconfont图标字体解决方案;-LMLPHP

6)生成代码

 微信小程序引用iconfont图标字体解决方案;-LMLPHP

7)复制iconfont.css到xxx.wxss

8)替换iconfont.css中的@font-face为上面的生成代码微信小程序引用iconfont图标字体解决方案;-LMLPHP

微信小程序引用iconfont图标字体解决方案;-LMLPHP

9)xxx.wxss样式中@import使用

@import "../../../css/test.wxss";

10)wxml中使用

<text class='iconfont icon-home' style='color:#7F8389;font-size:60rpx;'></text>

显示结果

 微信小程序引用iconfont图标字体解决方案;-LMLPHP

05-08 08:09