把图标改成web字体

一、下载自己想要的矢量图标,然后在AI中打开
二、在AI中将有瑕疵的图标修改一下,再分别另存为svg格式的图标
三、打开IcoMoon Web app网页,然后点击左上角的+Import Icons添加你保存的svg格式的图标
四、你也可以添加IcoMoon Web app网页原有的图标,图标外框变橘黄时就是你选中的图标(可多选)
五、选择好后点击网页右下角Generate Font进入生成页面
六、你可以根据你的爱好编辑一个字体名称以便后期调用
七、全部改好后就点击右下角的Download把字体下载下来,下载的是压缩包,
解压后在fonts文件下找到.ttf文件拿到你要用的项目字体文件中去就行了其他的没啥用
八、接下来就是调用字体了,下面是具体代码




是不是挺简单的?!再简单的东西看看都不如实践实践,自己练习一遍,比看十遍印象都深刻,赶紧试试吧!

posted @ 2016-09-18 17:02  言不可道尽  阅读(218)  评论(0编辑  收藏  举报