在网页设计中使用图标字体(icon font)是件挺有新意的事情,使用图标字体能我们带来了一定的方便,比如在移动设备、Retina屏幕效果展示、兼容IE6/7浏览器以及能任意将图标放大缩小等,这些都是很不错的。
打开icoMoon APP字体定制页面,然后你会看到几百个常用图标,这里不建议全选,选几个你需要的就可以了,然后点击底部的“Font”按钮 –> 点击“Download”即可下载字体
喜欢自己原创,当然也是可以滴,准备工具:Fontlab、Adobe Illustrator。
1. Fontlab:
直接在Fontlab上制作图标字体,完成后点击Fire(文件) –> Export(导出) –> EPS格式。
2. AI:
打开刚刚导出的EPS,另存为SVG格式。
3.iconMoon APP
在icoMoon APP页面点击import Icons按钮,支持多选,然后按上文的方法下载使用即可!
Tips: Fontlab和AI这两个工具的路径是可以相互复制的哦,所以我们用AI来制作ICON方便一些,制作完再复制到Fontlab上,需要注意的是在AI里面的路径画大一点再复制到Fontlab里,否则容易变形。
http://sc.chinaz.com/info/130228237055.htm 这个地址是简介地址
https://icomoon.io/app/#/select 图标制作地址