icon制作方法（图文教程）

   1.获得UI制作好的png图片如图1：

图1

          2 使用网址http://image.online-convert.com/convert-to-svg将png图片转为svg格式。具体步骤如下：

  

        转换完成后会生成文件如下：

     将文件保存到桌面。可得到svg图片如下：

      3. 使用网址http://icomoon.io/app/#/select将svg转为字体文件。具体步骤如下：

  

       设置好后单击下载并生成一个名为icomoon的压缩文件

       4.应用图标文件到html页面中。

     5.修改完成后直接使用.icon-tele即可访问到该icon图片

     6.页面显示效果如下：

     结语：建议一次性将项目所用到的图标集体导入到icomoon中生成字体文件。

             因为要向已生成的字体文件中添加新的字体图标或修改字体图标有点复杂，具体会用到Fontcreator等软件。