html - How to include local file of font awesome 4.1 without using CDN?

Question

This is the effect with font awesome, i only can get it when i using font awesome 4.1 CDN)

Using downloaded files, I included the fonts folder and font-awesome.css, but still no icon appear.

My link which is correct.

The font-awesome.css file path, i didn't change anything.

directory folders and files.

inside of font folder.

inside css folder.

*********************************************************************************************************************************
I got the problem solved already. This is due to mistake in typing code. I type in fontawesome v3.1 style

 <i class="icon-twitter-sign icon-x3"></i>

and now i am using v4.1, that's why it didn't work. It should be

 <i class="fa fa-twitter icon-x3"></i>

to make it work.

Answer 1

1. Download the fontawesome package from their website.
2. Extract the package where you will find the fontawesome.css file.
3. Copy this file to your css directory
4. copy all the fonts files from the extracted fontawesome package to your fonts folder.
5. Finally add the fontawesome.css to your html page by giving respective location of the css file.

AND Voila !