开始使用Font Awesome字体图标

用两行代码添加Font Awesome + Bootstrap到你的网站。你甚至不用下载或者安装任何东西！

复制下面这两行代码到你的网站 <head> 标签中。

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

想单独使用Font Awesome而不包含Bootstrap，只需要复制第一行就行。

Pat yourself on the back for your scalable-vector-icons-on-the-website judo solution in two lines of code.
查看这些例子开始使用Font Awesome!

使用这个方法获取font awesome到你的Bootstrap中.

复制 font-awesome 文件到你的项目目录中.

在 <head> 头部应用你的 font-awesome.min.css 路径.

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

查看例子开始使用Font Awesome!

使用LESS这种方法来自定义你的Font Awesome和Bootstrap.

复制 font-awesome 目录到你的项目目录中.

打开你的项目 bootstrap/bootstrap.less 并替换

@import "sprites.less";

为

@import "path/to/font-awesome/less/font-awesome.less";

打开你的项目 font-awesome/variables.less 并编辑 @FontAwesomePath 变量指向你的字体目录。
```
@FontAwesomePath:   "../font";
```
字体路劲是相对你的编写的CSS目录
Re-compile your LESS if using a static compiler. Otherwise, you should be good to go.
查看例子开始使用Font Awesome!

Font Awesome 同样能够正常使用.

复制 font-awesome目录到你的项目中.
按照下面的路径并去掉你的Bootstrap目录
打开你项目的font-awesome.less 或者 font-awesome.min.css 并编辑字体位置到你的目录(see above examples).
查看例子开始使用Font Awesome!

Font Awesome支持IE7.

保证Font Awesome在现代浏览器中能够正常使用.
复制一份 font-awesome-ie7.min.css 到你的项目中.

在头部 <head> 参考你字体路径添加 font-awesome-ie7.min.css.

<link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<!--[if IE 7]>
  <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome-ie7.min.css">
<![endif]-->

去向需要你兼容IE7的家伙抱怨吧。。.

最简单使用BootstrapCDN: BootstrapCDN

容易: 默认CSS

专业：自定义LESS

没有在使用Bootstrap吗?

需要兼容IE7吗?