如何把自己做的图标转换成web字体

/ 0评 / 0

243

上午做的“如何把位图图标变成一个Web字体”那个教程才发布出来,有不少朋友要求我再做一个,自定义图标转换成web字体的教程,反正今天也没什么事做,那就做吧!

这个教程着重讲一下怎么用AI保存SVG,其他内容请看我的上一个教程,传送门

第一步

先用AI制作一个图,图不要太复杂,重点是不能有交叉点,看下面的图,这事我做的一个非常简单的图标,怎么用AI做图标我就不多说了,不会的请百度或者谷歌,其实CDR的图也可以保存为AI格式,我就用的CDR,其实AI我也不怎么熟悉。

看图说话,现在我把这个事先做好的图保存为SVG格式,保存的时候选择"储存为"即可以实现,这里咱们把它保存为“dz9net.svg”

1

第二步

打开IconMoon在线应用,点击左上方的“Import Icons”按钮,找到刚刚保存的那个“dz9net.svg”文件,点击打开,现在你就可以在“Your Custom Icons”这句话下面,看到刚刚打开的图标了。

2

第三步

在IconMoon在线应用,选择我们刚刚打开的那个图标,然后在点击页面下方的“Font”按钮,在下一页面点“Download”按钮,鞥带打包下载,到这里,你的图标就做成字体了,教程也结束了。

对于步骤不熟悉的,可以看我的第一篇教程。

恩,提供一下本次教程中所用到的附件,给大家参考下:本教程所用到的附件猛击

IconMoon在线应用地址:http://icomoon.io/app

本文章由多姿远程,欢迎转载,转载请注明出处:http://dz9.net

发表评论

电子邮件地址不会被公开。 必填项已用*标注