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

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

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

 

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

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

 

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

 

posted on 2015-05-21 15:24  watercaltrop  阅读(533)  评论(0编辑  收藏  举报