Bootstrap好搭档 - Font Awesome 完美的CSS图标字体库
一个字体文件， 249 个图标
一个字体文件包含了所有图标。Font Awesome 助你完整表达web页面上每个动作的含义。
用CSS控制样式
用CSS能非常容易的改变这些图标的颜色、大小、阴影以及任何CSS能控制的属性。
无限缩放
矢量图意味着每个图标都能在所有大小的屏幕上完美呈现。
个人、商业均可自由使用
Font Awesome是完全免费的，无论个人还是商业使用。详见 协议。
支持IE7+
Font Awesome支持IE7及以上浏览器。不过你要是必须用在这种过时的浏览器上话，我只能表示同情！
在Retina屏幕上也能完美呈现
Font Awesome 中包含的都是矢量图标，在高分辨率的显示器上也能完美呈现。
专为Bootstrap设计
Font Awesome是完全从头设计的整套图标，完全和Bootstrap 2.2.2版本兼容.
设计师的助手
安装 FontAwesome.otf 字体文件，然后在这个页面直接拷贝粘贴图标字符的代码就可以用于你的设计中了。
兼容屏幕阅读器
Font Awesome 不会阻止屏幕阅读器，这和其他图标字体的行为方式完全不同。
Font Awesome 3.0 中的新特性
完美的 14px 字号
每个图标都是重新制作的，并且针对Bootstrap的默认14px字号做了最大的优化。
Font Sub-setting
Thanks to @grantgordon and @johnsmclay, you can subset to get just the icons you need.
友好的版权协议
我们遵循 SIL 开放字体协议，代码遵循 MIT 协议。没有过多的束缚，带给你更多自由。
3.0版本新增 40 个全新的图标
我们拥有活跃的社区，聆听大众的需求。 Font Awesome GitHub project.
新样式
New styles for animated spinning icons, icons with 2x-4x size multipliers, icon borders, & more.
瘦身 28%
虽然增加了 16% 的图标，3.0 版本的体积却变得更小了。 Font Awesome 还可以定制，将你不需要的图标去掉。
集成
将Font Awesome 集成到 Bootstrap 非常容易，还可以被单独使用。
最简单的 Bootstrap + Font Awesome 集成方式
使用这种方式将 Font Awesome 集成到默认的 Bootstrap CSS中。
- 拷贝 Font Awesome 字体目录到你的项目中。
- font-awesome.min.css 文件到你的项目中。
- 打开你的项目中的 font-awesome.min.css 文件并编辑字体路径指向正确的位置。
字体路径是相对于你的 CSS 目录的。
- 在html文档中的
<head>部分，引入 font-awesome.min.css 文件。- <linkrel="stylesheet"href="../css/bootstrap.min.css">
- <linkrel="stylesheet"href="../css/font-awesome.min.css">
- 在浏览器中打开页面，检查是否正确启用了 Font Awesome!
下载地址：下载 Font Awesome 3.0
相关文章
- angularjs快速入门教程（启动入口：ng-app、angular.bootstrap(element, ['模块名'...])）(2014-8-7 12:5:24)
- Bootstrap 的后台管理模板(2014-6-25 15:4:7)
- IE6中常见CSS兼容性解决技巧及常见浏览器兼容性问题与解决方案(2014-2-25 17:36:26)
- 详解haslayout 解决IE样式bug(2014-2-25 17:11:4)
- CSS 居中方法汇总(hacks, translate(-50%,-50%), 绝对定位等)(2014-2-13 20:24:36)
- css九宫格 用负margin使元素的border叠加(2013-12-13 13:53:50)
- CSS通过伪元素自定义滚动条样式 IE定义滚动条样式(2013-12-12 15:3:19)
- 面试题：css九宫格 兼容IE6 考虑语义化的结构(2013-12-12 12:11:53)
- JS通过奇数项和偶数项实现两种背景颜色的表格实现代码(2013-12-4 11:32:19)
- 前端开发面试题及答案(2013-12-2 16:1:8)
