自定义图标字体

一、自定义图标形状；

1、将自己想要的图标用PS打开；

2、栅格化图层，用ctrl+shift+U去色

3、ctrl+L调整色阶，使其黑白对比度明显；

4、使用魔术棒工具点击黑色区域，打开路径面板，将选区转为路径；

5、打开编辑菜单--定义自定形状--命名名称

6、在自定义形状工具中就会出现自己制作的形状；

二、将自定义图标形状图层转为svg格式；

 1、在PS中画出形状；

2、将图层命名为“文件名.svg”（一定要改后缀），保存文档；

3、在PS工具栏找到文件--脚本--浏览--找到脚本（脚本链接会在文章最后提供，可自行下载）即可生成；

4、生成的文件存储在源文件存储的位置；

注：我用的版本是PS  CS6，其他版本没试过

       将PS图层生成svg的脚本工具下载链接：      密码：jpaa

三、导出图标字体代码文件；

1、打开网站：

2、找到“import icons”,点击导入图标

3、选中“导入的图标”，点击页面右下方的按钮“Generate Font F”,继续点击页面右下方“DownLoad”，即可下载生成字体的图标代码文件；