回顾一中我们使用的是iconfont.cn来实现图片及字体转换,但是有的时候,如果我们遇到了一个非常热情的UI设计师怎么办呢。温柔善良的UI设计师不需要我们自己去切小图标,已经帮我们把图标全部切好了,我们不能驳了别人的一番美意吧,所以这个时候,icomoon.in就出现了。此方法有一定的缺陷,只能将svg格式的小图标转化成字体文件,我们如果用网上的方法将png转化成svg在来icomoon中使用也是不行的,必须是设计师通过AI制作的额SVG图片。
进入icoMoon App1、输入网址后,进入icoMoon App
新建项目2、新建项目
修改名字3、修改项目名字
上传SVG图片4、上传SVG图片
生成字体文件5、选中并生成字体文件
6、下载并保存这些字体文件
下载保存
解压7 、解压得到以下文件,选择style.css文件和fonts文件夹拷贝至项目中
8、剩下的和上一篇的方法一样,在main.js中全局引用style.css,然后就可以在项目中使用这些字体文件了。
相比这种来说,其实如何巧妙的将小图片转化成字体图标(一)在开发中用起来应该更顺手,在这里也推荐大家使用一更多一点,但是这种也可以了解。
网友评论