码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-09-11 17:28:11      阅读:181      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!