一、iconfont简介

iconfont是用字体文件取代图片文件，来展示图标、特殊字体等元素的阿里巴巴MUX倾力打造的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。

二、iconfont的优点

1、自由变化大小

2、自由修改颜色

3、添加一些视觉效果如：阴影、旋转、透明度。

4、兼容IE6

三、iconfont的维护

准备

1. 设定Icon 图形的制作规范，并给出对应的模版文件；

2. 编写关于图标的命名分类及其命名的规范，还有对应 Code 的编写规则；

3. 专门安排一名设计师负责维护 Icomoon 的添加与字体生成，对应的 Names 和 Code 的编写，还有对设计文件的归类及整理；

4. 给团队的每位设计师讲解流程工作，并开通自己的 Icomoon 帐号，便于检查自己设计的图标。

新增图标的工作流程

1. 设计师根据图标的设计规范设计图标，然后输出对应的SVG，打包设计文件交与负责维护的设计师；

2. 负责维护的设计师添加图标后下载当前 Projects 的 jason文件保存归档，同时传送 jason 文件给对应的设计师检查图标，最后确定没问题了就输出字体；

3. 把输出的文件归档，并上传到设计管理共享文件夹，让每位设计师更新 IconFont；

4. 最后通知各个项目的开发GG更新 IconFont 文件，进行最后的检查。