Web前端开发 icon图标 转 web字体图标

  在我们大多数的项目当中，icon图标是必不可少的，有的一个一个单独切片，或者将它们拼接组合起来（图片合成技术： css sprite ）从而减少请求，方便调用等，但是随着项目的逐渐扩展壮大，图标越来越多，到最后难以维护， 比如以后要改某个图标的位置x , y，大小，顔色，新增。。。等等这样的方式就显得比较有限制性了。

    IcoMoon是一个可以通过个性化设置来创建自定义图标（字体）的生成器 ！ 可以将SVG图片，转换成web字体，它生成的 字体图标大小任意缩放不会失真，字体顔色任意修改，调试方便，同时也大大减少请求数量。

    IcoMoon是一项免费的服务，通过使用不同设置使我们能够创建自定义的 ICON 图或 ICON 字体。 网站也有资源打包下载！ 
包括大多数流行的免费图标集（在its library里搜索），您可以挑选其中任何一个自己钟意的图标下载。 
    同时，它会提供两种下载方式：图片版和字体版！

图片版是经过CSS Sprites技术处理的PNG格式，字体版有多种格式供我们选择（EOT,SVG,WOFF,TTF）。

此外，除了其他设计师们设计的图标，IcoMoon也有自己免费的海量图标集。

网站地址:   http://icomoon.io/app/

使用方法：

1.选择 或 上传图标(先提前在PS软件中，将要生成的图标，切好并生成SVG格式)，[也可以不上传，在现有的图标中选择]

2.设置字体字名:iditor（自定义），并下载字体

3.下载到本地后的文件目录情况

4 .在项目中使用

5.最终字体效果