CDN Font Awesome

Font Awesome CDN is the easiest way to get Font Awesome on your website or app, all with just a single line of code.  Font Awesome, a font designed for use with Twitter Bootstrap, was incorporated into BootstrapCDN on August 21, 2012. The font offers scalable vector icons that are CSS-friendly for customization.

Download & CustomizeEasy

Want to manage and host Font Awesome assets yourself? You can download, customize, and use the icons and default styling manually. Both CSS and CSS Preprocessor (Sass and Less) formats are included.

Using CSS

  1. Copy the entire font-awesome directory into your project.
  2. In the <head> of your html, reference the location to your font-awesome.min.css.<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

Using Sass or Less

Use this method to customize Font Awesome 4.7.0 using Less or Sass.

  1. Copy the font-awesome/ directory into your project.
  2. Open your project’s font-awesome/less/variables.less or font-awesome/scss/_variables.scss and edit the @fa-font-path or $fa-font-path variable to point to your font directory.@fa-font-path: "../font";  The font path is relative from your compiled CSS directory.
  3. Re-compile your Less or Sass if using a static compiler. Otherwise, you should be good to go.

Advanced & PackagesPro

Less Ruby Gem

Use the Official Font Awesome Less Ruby Gem to easily get Font Awesome Less into a Rails project. Generously maintained by @supercodepoet.

  1. Add this line to your application’s Gemfile:gem 'font-awesome-less'
  2. And then execute:$ bundle
  3. Or install it yourself as:$ gem install font-awesome-less

If you use Rails, add this to your e.g. application.less:

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

Sass Ruby Gem

Use the Official Font Awesome Sass Ruby Gem to easily get Font Awesome Sass into a Rails or Compass project. Generously maintained by @supercodepoet.

  1. Add this line to your application’s Gemfile:gem 'font-awesome-sass'
  2. And then execute:$ bundle
  3. Or install it yourself as:$ gem install font-awesome-sass

If you use Rails, add this to your e.g. application.scss:

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

Related Posts: