cant display Font awesome icons?

Question

I just have started using Font Awesome in my MVC application which already have Bootstrap. I need to use some icons and I have copied font-awesome.css into my project but icons are not visible. I have inlucded only this css, not sure but want to ask if there are some other files to include as well ?

Here is how it is visible in my page:

In just checked in Firebug and its display in css panel is as below:

Please guide how I can fix it.

Thanks for your help and guidance

Answer 1

You need to have fonts directory available and can be accessed in your web server. It is included in the download package from http://fortawesome.github.io/Font-Awesome/

Inside font-awesome.css, it needs to refer to fonts directory in order for it to display the icon image.

Hope this helps.