Geek asks and answers

Cant display font awesome icons?

I just started using Font Awesome in my MVC application that already has Bootstrap. I need to use some icons, and I copied font-awesome.cssto my project, but the icons are not visible. I only included this css, not sure, but want to ask if there are some more files to include?

Here is how it can be seen on my page: enter image description here

Just registered in Firebug, and its display in the css panel looks like this: enter image description here

Please explain how I can fix this.

Thanks for the help and guidance.

+3
source share
3 answers

-. http://fortawesome.imtqy.com/Font-Awesome/

font-awesome.css , .

, .

+7

, , "font-awesome.css", , . , , , , "" App_Start Shared/_Layout.cshtml

    @font-face {
      font-family: 'FontAwesome';`enter code here`
      src: url('../Content/fonts/fontawesome-webfont.eot?v=4.2.0');
      src: url('../Content/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../Content/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../Content/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../Content/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
      font-weight: normal;
      font-style: normal; 

     }
+3

, , fooobar.com/questions/136426/..., .

Basically, change the build action in the .eot, .ttf, and .woff files to “Content” instead of the default value “None”. This solved my problem.

0
source

More articles:


All Articles