weIconBuilder

微信小程序字体图标样式生成器

生成字体图标资源

进入http://fontello.com/网站，选择你喜欢的图标，然后下载（zip文件）

安装本工具

$ sudo npm i weicon -g

生成wxss样式文件

安装好本工具后，直接命令行执行即可：

$ weicon fontello-xxxxx/

会自动在当前目录生成weIcon.wxss文件 或者，自定义生成的文件名：

$ weicon fontello-xxxxx/ myicon.wxss

导入wxss文件

直接复制wxss文件到微信小程序目录，然后在app.wxss中引用：

/**  app.wxss **/
@import "libs/weicon.wxss";

使用图标

在wxml文件中，使用text或者view组件，设置class即可使用图标：

// page.wxml

<view class="weIcon weIcon-search" />
<text class="weIcon weIcon-home" />