Icon Font的优点明显要大于缺点

Icon Font的优点明显要大于缺点，并且有可以使用的空间，因此我们决定使用它之后，就要学会怎么去制作Icon Font

在制作之前我们要知道需要什么工具，其实很简单，只需要FontCreator，PS这两个工具即可。

制作的过程，首先需要我们的设计师给出Icon的矢量图，我们需要在PS中将这个Icon图层栅格化，之后保存为png24，再在FontCreator中通过图片导入到字体中，进行大小的调整（下面会给出字体制作各个值的用处，本人觉得比较重要的就是离左右的宽度以及离baseline的距离，最好一类icon的布局的一样的，这样也方便对齐），最后通过在线工具将字体文件转换成我们需要的多种格式。

 

因为不同的浏览器所支持的字体问题时有差别的,因此我们需要将我们制作好的字体转换成多种格式,附上一个比较好的字体转换在线地址：

fontsquirrel 我们转换的时候如果没有特殊需要，直接通过basic转换就可以

 

全文地址：http://www.uisdc.com/learning-icon-font 

 

转载于:https://www.cnblogs.com/watercaltrop/p/4519849.html