iocfont 网页图标字体以及使用方法

iocfont 网页图标字体以及使用方法
在网页设计中使用图标字体(icon font)是件挺有新意的事情,使用图标字体能我们带来了一定的方便,比如在移动设备、Retina屏幕效果展示、兼容IE6/7浏览器以及能任意将图标放大缩小等,这些都是很不错的。
流行的在线字体定制网站有Fontelloicomoon,这两个在线工具都很不错的,内置的图标也非常的多
打开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 这个地址是简介地址

iocfont 网页图标字体以及使用方法https://icomoon.io/app/#/select  图标制作地址

上一篇:在WPF中使用字体图标


下一篇:Ajax请求ashx 返回 json 格式数据常见问题