cant display Font awesome icons?

asp.net-mvc twitter-bootstrap font-awesome font-awesome-4 font-awesome-3.2
Toubi picture Toubi · Feb 10, 2014 · Viewed 14.5k times · Source

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: enter image description here

In just checked in Firebug and its display in css panel is as below: enter image description here

Please guide how I can fix it.

Thanks for your help and guidance

Answer

rasyadi picture rasyadi · Feb 10, 2014

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.

Related questions

Passing data to a bootstrap modal

I've got a couple of hyperlinks that each have an ID attached. When I click on this link, I want to open a modal ( http://twitter.github.com/bootstrap/javascript.html#modals ), and pass this ID to the modal. I …

Read More
How to add "active" class to Html.ActionLink in ASP.NET MVC

I'm trying to add an"active" class to my bootstrap navbar in MVC, but the following doesn't show the active class when written like this: <ul class="nav navbar-nav"> <li>@Html.ActionLink("Home", "Index", "Home", null, …

Read More
Using Bootstrap Modal window as PartialView

I was looking to using the Twitter Bootstrap Modal windows as a partial view. However, I do not really think that it was designed to be used in this fashion; it seems like it was meant to be used in …

Read More