首页 > Web开发 > 详细

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

时间:2015-09-11 17:28:06      阅读:301      评论:0      收藏:0      [点我收藏+]
技术分享
在网页设计中使用图标字体(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 这个地址是简介地址

技术分享https://icomoon.io/app/#/select  图标制作地址

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

原文:http://www.cnblogs.com/songrimin/p/4801447.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!