Setting up Font Awesome can be as simple as adding two lines of code to your website, or you can be a pro and customize the LESS yourself! Font Awesome even plays nicely with Bootstrap 3!
Thanks to the generous folks at MaxCDN, you can use Bootstrap CDN to add Font Awesome into your website with a single line of code. You don't even have to download or install anything!
<head>section of your site's HTML.
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
Immediately after release, it takes a bit of time for BootstrapCDN to catch up and get the newest version live on their CDN.
Use this method to get the default Font Awesome CSS with the default Bootstrap CSS.
font-awesomedirectory into your project.
<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">
$ gem install font-awesome-less
$ gem install font-awesome-sass
Use this method to customize Font Awesome 4.1.0 using LESS or SASS.
font-awesome/directory into your project.
font-awesome/scss/_variables.scssand edit the
$fa-font-pathvariable to point to your font directory.
The font path is relative from your compiled CSS directory.
If you need IE7 support, you have my condolences. Really. Font Awesome 4.1.0 doesn't support IE7, but an older version does. You'll need to check out the 3.2.1 instructions for using IE7. Then go complain to whomever decided your project needs IE7 support.