小程序如何引用iconfont图标

阿里巴巴图标库：http://www.iconfont.cn/

1、下载图标文件

image.png

image.png

这两个文件要用

2、转化图标文件

转换地址：https://transfonter.org/

image.png

image.png

image.png

3、合并文件

将stylesheet.css的内容copy出来替换最前面第一次下载的文件iconfont.css中的头内容，最后如下
image.png

4、引入并使用

1、在小程序app.wxss中引入

@import "./utils/iconfont.wxss";

2、使用：

 <text class="iconfont icon-xiugaimima"></text>
      <view class="section-info">重置密码</view>
      <text class="iconfont icon-youjiantou"></text>
image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容