微信小程序中使用iconfont图标库

如果需要在微信小程序中使用iconfont图标库

步骤1：下载下来的iconfont，一部分放在static下面，如下图：

步骤2：在APP.vue中引入相应的iconfont.css样式

到此，就可以在页面中使用iconfont图标了

实现效果：

如果想在微信小程序中，使用iconfont本身的颜色图标，比如这种：

步骤1：先在终端里面安装插件：npm install -g iconfont-tools

步骤2：安装好之后，找到在iconfont下载的文件：

把相应的css、ttf、woff、woff2等后缀名拷贝到static文件夹下，在static文件夹下面的文件路径中，输入cmd

继续输入（iconfont-tools后回车）：

就会在当前文件夹下面生成一个iconfont-weapp的文件夹

在APP.vue里面引入iconfont-weapp-icon.css ，打开此文件，可以看到.t-icon开头的样式，这些样式就是可以引用的彩色样式（在原有的icon图标名称前加个“t-”后缀）

在页面中使用：