UI图标不用愁:矢量字体图标Font-Awesome

Font-Awesome，这个项目主要是css3的一个应用，准确的说是一段css，这里的把不少图标的东西作到了font文件里面，而后经过引用外部font文件的方式，来展示图标。

Font Awesome 是一套专门为 Twitter Boostrap 设计的图标字体库。这套图标字体集几乎囊括了网页中可能用到的全部图标，除了包括 Twitter Boostrap 的默认图标外，还有社交网络图标、Web 应用程序图标和编辑器图标等等，能够免费用于商业项目。

主要特点：

✓ 一种字体，249个图标，是网页操做的象形语言；
✓ 纯 CSS 控制，可以轻松定义图标的颜色、大小、阴影以及任何 CSS 可以实现的效果
✓ 无限缩放，矢量图标在任何尺寸下都如出一辙；
✓ 无偿使用，包括商业和非商业项目；
✓ 支持 Internet Explorer 7 浏览器；
✓ 可以在 Retina 屏幕完美呈现；
✓ 彻底兼容 Twitter Boostrap 最新版本；
✓ 对设计师友好，设计师可以轻松使用；
✓ 和其它图标字体不一样，兼容屏幕阅读器

使用方法

　　使用 CSS：
拷贝 Font Awesome 字体目录到项目中；
拷贝 font-awesome.min.css 文件到项目中；
修改 font-awesome.min.css 文件中的字体路径到正确的位置；
在页面的 head 里引入 font-awesome.min.css 文件：

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">

QQ交流:187395037

如下是适量字体实例效果

 

 

以上的矢量字体包和CSS实例能够从个人CSDN地址下载

下载地址：http://download.csdn.net/detail/venus150/7141267