现在的位置: 首页 > 网络采风 > 正文

图标字体的制作方法

2014年08月24日 网络采风 ⁄ 共 579字 ⁄ 字号 暂无评论 ⁄ 阅读 356 次

想要自己制作图标字体,首先需要有创建矢量图标的软件,并且能够输出SVG格式,比如“Adobe Illustrator”或者“Inkscape”。也可以用Photoshop的路径工具画出所需图标,然后导出路径到“Adobe Illustrator”里去填色。 推荐使用Adobe Illustrator CS6简体中文绿色版,如下图:

使用Adobe Illustrator制作图标字体

注意一定是封闭的路径,不能是单路径描边,如果是单路径的话生成字体图标后会显示不出来。两个以上的图形要合并、图形尽减少节点使用。如下图,中间的图(嘴巴部分)为单路径描边(不封闭),导入图标生成器后会如右图所示,嘴巴部分显示不出来。

图标字体的制作方法

2、图标制作完成后,选择 “文件”菜单中“保存”,把文件保存成“SVG”格式。使用默认的SVG设置即可。

3、把SVG格式的图标导入到icomoon、fontello等在线图标字体生成器中,生成所需图标字体。关于字体生成器的用法可以参考:

IcoMoon:提供免费矢量图标字体下载及在线生成服务

Fontello:在线图标字体生成利器,提供免费图标字库下载

Fontastic:在线创建自己的图标字体,免费享用图标字体云服务

其实自己制作图标字体费时又费力,如果不是专门的设计人员,可以通过免费的icon font网站查找需要的图标更加方便,并且资源也很丰富。如:

12个免费图标字体资源网站推荐

七个高清图标字体搜索引擎推荐

给我留言

留言无头像?


×