1、打开目标项目，下载到本地
阿里巴巴矢量图标库
图标管理 > 我的项目 > 我发起的项目/我参与的项目
2、切换到Unicode，复制以下代码
小程序使用iconfont阿里矢量图标-1.png
3、打开下载好的文件，找到iconfont.css文件，并使用Unicode复制的代码覆盖掉原来的@font-face块的代码
小程序使用iconfont阿里矢量图标-2.png
4、复制iconfont.css全部代码，拷贝到项目所需的wxss文件里
小程序使用iconfont阿里矢量图标-3.png
5、在app.wxss引入该文件
@import 'style/iconfont.wxss';
6、在wxml上使用，可以看到图标已生效
<view class="iconfont icon-soupei"></view>
7、注意：在自定义组件中使用iconfont，需要在自定义组件的wxss再引入一次
@import 'style/iconfont.wxss';
网友评论