将设计稿图标制作成iconfont（ps cs6 + ai cs6）

发觉自己越来越懒了，懒到标题都直接复制别人的，嘿嘿~~

博主是受这篇文章启发：https://blog.csdn.net/deliawen/article/details/78467093，不过由于那个脚本错误，我的PS CS6上运行失灵了，因此没能帮上我的忙。

不过套路都差不过，分享下我的更加完美的办法：

 

1、打开PS，新建一个页面，尺寸随意

2、用【文字工具】，随便写个字，在此博主写了个【令】字，然后记得字体要使用带轮廓的字体，像：黑体、琥珀、彩云这些就属于带轮廓的，不带轮廓是指会出现锯齿之类的。然后选中文字图层，点击【转换为形状】。(注意这个字不要使用PS的仿粗体、仿斜体这些外部效果，以免转换为形状时PS报错)

3、然后删掉其他图层，只保留文字图层，最后我们保存为psd格式的文件，PS的工作到这里就结束了

4、打开AI CS6，找到刚才保存的psd文件，选择【文件】->【存储为】，选择svg格式，选项全部默认就可以了，保存。

5、先双击下生成的svg文件，一般会浏览器打开，如果能看到一个文字，说明OK了。

6、将这个svg文件上传到iconfont网站(没有账号就随便注册一个)，然后提交，再下载ai文件，我们就得到了一个eps文件。

7、打开Font Lab 5.2(这个软件是收费的，这里有不要钱的，点我下载~)，将我们搞到的eps，导入到我们的ttf文件中：

8、这样搞完之后，我们点击【File】->【Generate font...】，覆盖原来的ttf文件或者另存下。

9、可能你会觉得，在某些场景里，光有一个ttf文件有点尴尬，接下来我们还可以到这个站点：http://www.font2web.com/将我们的ttf文件转换成多种格式，比如：svg、woff、otf、eot...

 

好了，本来不想上传图片的，想了想新手看了可能会打我~~~嘿嘿~~~还是补了图。

 

完！