给你代码:小程序引入icon的三种方式( 五 )

解压下载下来的download.zip文件 , 将其中的iconfont.css文件拷贝到小程序utils目录下 , 重命名为iconfont.wxss , 打开iconfont.wxss , 将@font-face部分的一些url引用(红色框选部分)删除掉(看不清楚点击图片看大图哦):

打开app.wxss在首行引入iconfont.wxss:

/**app.wxss**/@import './utils/iconfont.wxss';

在视图文件中 , 我们通过以下方式显示图标:

<icon class=\"iconfont icon-youxiang\"></icon>

效果图:

以上 。

推荐阅读