想要自己制作图标字体,首先需要有创建矢量图标的软件,并且能够输出SVG格式,比如“Adobe Illustrator”或者“Inkscape”。也可以用Photoshop的路径工具画出所需图标,然后导出路径到“Adobe Illustrator”里去填色。 推荐使用Adobe Illustrator CS6简体中文绿色版,如下图:
注意一定是封闭的路径,不能是单路径描边,如果是单路径的话生成字体图标后会显示不出来。两个以上的图形要合并、图形尽减少节点使用。如下图,中间的图(嘴巴部分)为单路径描边(不封闭),导入图标生成器后会如右图所示,嘴巴部分显示不出来。
2、图标制作完成后,选择 “文件”菜单中“保存”,把文件保存成“SVG”格式。使用默认的SVG设置即可。
3、把SVG格式的图标导入到icomoon、fontello等在线图标字体生成器中,生成所需图标字体。关于字体生成器的用法可以参考:
其实自己制作图标字体费时又费力,如果不是专门的设计人员,可以通过免费的icon font网站查找需要的图标更加方便,并且资源也很丰富。如: