上午做的“如何把位图图标变成一个Web字体”那个教程才发布出来,有不少朋友要求我再做一个,自定义图标转换成web字体的教程,反正今天也没什么事做,那就做吧!
这个教程着重讲一下怎么用AI保存SVG,其他内容请看我的上一个教程,传送门
第一步
先用AI制作一个图,图不要太复杂,重点是不能有交叉点,看下面的图,这事我做的一个非常简单的图标,怎么用AI做图标我就不多说了,不会的请百度或者谷歌,其实CDR的图也可以保存为AI格式,我就用的CDR,其实AI我也不怎么熟悉。
看图说话,现在我把这个事先做好的图保存为SVG格式,保存的时候选择"储存为"即可以实现,这里咱们把它保存为“dz9net.svg”
第二步
打开IconMoon在线应用,点击左上方的“Import Icons”按钮,找到刚刚保存的那个“dz9net.svg”文件,点击打开,现在你就可以在“Your Custom Icons”这句话下面,看到刚刚打开的图标了。
第三步
在IconMoon在线应用,选择我们刚刚打开的那个图标,然后在点击页面下方的“Font”按钮,在下一页面点“Download”按钮,鞥带打包下载,到这里,你的图标就做成字体了,教程也结束了。
对于步骤不熟悉的,可以看我的第一篇教程。
恩,提供一下本次教程中所用到的附件,给大家参考下:本教程所用到的附件猛击
IconMoon在线应用地址:http://icomoon.io/app
本文章由多姿远程,欢迎转载,转载请注明出处:http://dz9.net