iconmoon

　 iconfont 技术的主要是将图标转化为字体来减少应用体积。如需在项目中使用iconfont技术，图标矢量图一开始都应合并转化为字体库。 优点： 减小体积，字体文件比图片要小 图标保真缩放，解决2x/3x乃至将来的nx图问题 方便更改颜色大小，图片复用 缺点： 只适用于纯色icon 使用unicode字符难以理解 需要维护字体库 字体管理 字体管理方式分为两种：在线管理（ iconfont.cn ）和FontForge工具。 字体库生成 这里推荐两个比较好用的网站iconmoon和iconfon，个人在做网页的时候，经常会在iconmoon上制作字体图标。如果设计师给你了字体库最好，如果给你的是 .svg 文件，就需要自己去转为字体库了。这里以iconmoon为例制作字体库，iconmoon需要翻墙。 1、导入设计师给的 .svg 文件 2、点击Generate Font 生成字体库，如下图 3、打开下载的文件夹，如下图 4、将.ttf 的字体库，导入项目中，要确保在下图路径中可以看到字体库 5、在plist文件中，添加字段Fonts provided by application并在该字段下添加GWH_search.ttf。工程中便可使用字体库了。 6、打开demo.html，可以看到图标字体的Unicode编码