html+字体图标+ttf,iconfont 图标字体(示例代码)

iconfont技术的主要是将图标转化为字体来减少应用体积。如需在项目中使用iconfont技术，图标矢量图一开始都应合并转化为字体库。

优点：

减小体积，字体文件比图片要小

图标保真缩放，解决2x/3x乃至将来的nx图问题

方便更改颜色大小，图片复用

缺点：

只适用于纯色icon

使用unicode字符难以理解

需要维护字体库

字体管理

字体管理方式分为两种：在线管理(iconfont.cn)和FontForge工具。

字体库生成

这里推荐两个比较好用的网站iconmoon和iconfon，个人在做网页的时候，经常会在iconmoon上制作字体图标。如果设计师给你了字体库最好，如果给你的是 .svg 文件，就需要自己去转为字体库了。这里以iconmoon为例制作字体库，iconmoon需要FQ。

1、导入设计师给的 .svg 文件

2、点击Generate Font 生成字体库，如下图

3、打开下载的文件夹，如下图