app自定义图标 · 好品推教程

1 、首先需要下载和配置好自定义的图标打开 http://iconfont.cn/ ，这是一个图标网站，基本想找到的图标上面都有，首先注册帐号， ![](https://box.kancloud.cn/a9ff0ead2bf9bfd82aff3d06ba260861_841x360.png) 2、、开始查找图标。比如想替换签到功能的图标，在上面收入签到查找 ![](https://box.kancloud.cn/c7134be30c00ba4716bef93c97ce31b2_842x402.png) 3、点上面购物车按钮， ![](https://box.kancloud.cn/645b7165911f700201271559b4d7eb2c_1130x574.png) 4、选好了一套图标后，点右上角 ![](https://box.kancloud.cn/fbb7b41c855aa6bbb148b26dd2720b26_1179x542.png) 5、可以看到刚刚选的图标 ![](https://box.kancloud.cn/35d2ea4dbf90dc731d8717e661b4e438_918x564.png) 6、点确定，把图标加到项目里 ![](https://box.kancloud.cn/437b6af4b73a3a489099c8900c3211fc_842x580.png) 7、编辑项目 ![](https://box.kancloud.cn/d189b79afb74f121e3c1ed366e02ffae_1126x541.png) 8、将项目Font Family的值改成 customiconfont ，其他不需要修改 ![](https://box.kancloud.cn/3c1025075c20a59220e57a0c1f075ac1_695x588.png) 9、下面是我们之前已经选好的其他图标 ![](https://box.kancloud.cn/2ab738fc13eee4947f54b870e7cf1b27_1063x537.png) 10、回到好品推，app 图标管理的地方 http://www.haopintui.net/user_info.php?action=cms&mod=app_txt_icon ![](https://box.kancloud.cn/2946d59712a9ef9851912c317da6c992_1072x581.png) 11、给对应的功能配置图标，只需要把项目中图标下面的编码复制到好品推对应的输入框保存即可 ![](https://box.kancloud.cn/7bddfaa14be4ca954c8e53c4af8f3bd3_1164x532.png) ![](https://box.kancloud.cn/f9dfb0e405727e117af4eba6e56d2cdd_1121x569.png) 12、配置好后打包app就可以看到新图标生效了