入门

轻松的将Font Awesome 4.7.0放到您的网站里

您可以自己管理Font Awesome,您可以手动下载,自定义和使用图标和默认样式。包括CSS和CSS预处理器(Sass和Less)格式。

使用CSS

  1. 将整个font-awesome目录复制到项目中。
  2. 在你的<head>中,引用你的font-awesome.min.css的位置。
    <linkrel="stylesheet"href="path/to/font-awesome/css/font-awesome.min.css">
  3. 查看事例开始使用Font Awesome!

使用Sass 或 Less

使用此方法可以使用Less或Sass自定义Font Awesome 4.7.0。

  1. font-awesome/目录复制到项目中。
  2. 打开项目font-awesome/less/variables.lessfont-awesome/scss/_variables.scss 编辑 @fa-font-path$fa-font-path变量以指向您的字体目录。
    @fa-font-path:   "../font";
    

    字体路径与编译的CSS目录相关。

  3. 如果使用静态编译器,请重新编译Less或Sass。
  4. 查看事例开始使用Font Awesome!

Less Ruby Gem

使用官方字体Awesome Less Ruby Gem轻松将Font Awesome Less变为Rails项目。由@supercodepoet维护。

  1. 将此行添加到应用程序的Gemfile:
    gem 'font-awesome-less'
  2. 然后执行:
    $ bundle
  3. 或者自己安装:
    $ gem install font-awesome-less

如果您使用Rails,请将其添加到您的例如application.less:

@import"font-awesome-sprockets";@import"font-awesome";

Sass Ruby Gem

使用官方字体Awesome Sass Ruby Gem轻松将Font Awesome Sass放入Rails或Compass项目中。由@supercodepoet维护。

  1. 将此行添加到应用程序的Gemfile:
    gem 'font-awesome-sass'
  2. 然后执行:
    $ bundle
  3. 或者自己安装:
    $ gem install font-awesome-sass

如果您使用Rails,请将其添加到您的例如application.scss:

@import"font-awesome-sprockets";
@import"font-awesome";