微信小程序引入iconfont矢量图标样式

生成Font class

具体步骤查看博客：Hexo 的 Butterfly 主题使用 iconfont 图标 | LeDao’s Blog (zoutl.cn)，看到生成 Font class就行，然后接着看本博客

在小程序中使用

复制样式代码

点击链接，会打开一个页面，页面内容就是我们需要的样式代码，然后把它复制下来

复制到小程序

首先新建一个名为styles的文件夹（和pages的位置是同一级），在这个文件夹里面新建一个名为iconfont.wxss的文件，把上一步复制到的样式代码复制进去

全局使用样式

在app.wxss里面加入以下代码，然后就可以全局使用引入的iconfont图标了

/* 全局引入iconfont样式 */
@import "./styles/iconfont.wxss";

使用图标

<text class="iconfont icon-cart"></text>

PS.

每次加入一个新图标或修改后，都需要重新获取样式代码