Adding Font Awesome icons

Font Awesome is a font icon set that offers 361 icons at the time of writing this book—twice as many as available in the current Bootstrap version of Glyphicons. Font Awesome icons are free, open source, and built to play nice with Bootstrap. You can see the Font Awesome home page at:

http://fortawesome.github.io/Font-Awesome/

Let's fold Font Awesome into our workflow.

1. Navigate to the Font Awesome home page, at http://fortawesome.github.io/Font-Awesome/, and click on the large Download button.

2. Extract the downloaded archive and look inside. You'll find the following folder structure:

   

3. Inside the font folder, you'll find the Font Awesome icon font files.

   

4. Copy all of these files and paste them into your project's fonts folder, alongside the Glyphicons font files.

5. Now, we want to copy the Font Awesome less files to our project's less directory. Create a new subdirectory named font-awesome, and copy the Font Awesome less files into it.

   

6. Next, we will import the font-awesome.less...