首页 > 前端技术 > 正文

推荐几个超好的icon font字体图标字库
2014-11-20 15:32:37    优趣网
0   

近在研究icon font图标字库,觉得很有意思,于是找了一些比较好的在线字库。大都是开源的,而且各有特色,推荐给大家!阿里icon font字库
近在研究icon font图标字库,觉得很有意思,于是找了一些比较好的在线字库。大都是开源的,而且各有特色,推荐给大家!

阿里icon font字库

http://www.iconfont.cn/

这个是阿里妈妈M2UX的一个icon font字体图标字库,包含了淘宝图标库和阿里妈妈图标库。

fontello

http://fontello.com/

在线定制你自己的icon font字体图标字库,也可以直接从GitHub下载整个图标集,该项目也是开源的。

icomoon

http://icomoon.io/app/#/select

可以在线导入的SVG格式字体,并进行编辑,然后下载来使用。很酷吧!

Font-Awesome

http://fortawesome.github.io/Font-Awesome/

这是我最喜欢的字库之一了,更新比较快。目前已经有369个图标了。

Glyphicon Halflings

http://glyphicons.com/

这个字体图标可以在Bootstrap下免费使用。自带了200多个图标。

 

 

Fontastic.me:在线网页图标字体设计平台

Fontastic.me:在线网页图标字体设计平台是一个免费的在线制作网页中用到的图标和字体代码,方便网页设计师快速应用于网站制作中去,极大的提高了设计师的工作效率。

Fontastic.me:在线网页图标字体设计平台

 

Fontastic.me网站使用起来非常简单:

1、注册并登录后,从图标库中选择你喜欢的图标;

2、自定义字体,让图标和字体完美集合;

3、完成图标集合创建后,可以直接下载压缩包,并应用于你的网页模版中去。

这样做的好处是:

1、Save time

No need to open Photoshop each time you update an icon color… Now your icons can be modified on the fly via CSS;

2、Speed up your website

Include only the icons you need, and reduce the files requests, by combining all the icons in a single font file;

3、Modify in a snap

Quickly change the icons appareance via CSS coding. Rescale, change color, add a drop shadow or animate it!

4、Get crispy clear icons

Your icons are embedded as vectors in the font. They looks sharp and clear, even on retina display;

5、Retina Display ready

Don’t waste time creating special Png versions for Ipad or Iphone. The icon font will adapt to the display and stay crystal clear;

6、Work with every browser…

… even Internet Explorer! Icon fonts are widely supported by all modern browsers, fast and easy to setup。

相关热词搜索: 字库  图标  字体

上一篇:网站表单CSS3和HTML5客户端验证(交互性强) 下一篇:rel='external nofollow' 和external标签