如何在uniapp中使用iconfont（彩色）

步骤

1. 在iconfont准备好你的图标

2. 下载到本地

3. 全局安装 iconfont-tools

npm install -g iconfont-tools

4. 进入到下载的iconfont文件夹

5. 在文件夹目录中执行iconfont-tools

iconfont-tools

工具会让我们选择几个选项，按照自己的项目来配置即可。（一直敲回车也是可以的，如果你不在意图标如何使用的话）

6. 配置图标的css文件

在上一步配置完成之后，工具会生成css文件，复制到你的项目中。

7. 开始使用

在你的app.vue中引入上一步复制的css文件

/*
  app.vue
*/
<style>
  @import "@/static/css/iconfont-weapp-icon.css";
</style>

在页面中使用

<view class="t-icon t-icon-huodong image-icon"></view>