Why font-awesome works on localhost but not on web ?

asp.net-mvc, font-awesome

Solution

I've just loaded your webpage and checked the net tab of firebug.

your following urls returned a 404:

http://www.senocakonline.com/Content/font/fontawesome-webfont.woff

http://www.senocakonline.com/Content/font/fontawesome-webfont.ttf

i would assume that those being missing is the reason your icons aren't displaying.

UPDATE: 23.10.2015 to make it available just add this code to your WebConfig:

<system.webServer>
    <staticContent>
      <mimeMap fileExtension="woff" mimeType="application/font-woff" />
      <mimeMap fileExtension="woff2" mimeType="application/font-woff" />
    </staticContent>
</system.webServer>

Problem

I'm using font awesome in my project`(mvc/asp.net)`. My problem is, I was debugging the project and check on `localhost`, there was no problem with font awesome icons. But when published the website and check on web, instead of icons, i saw small boxes. I'm sure that it's placed in right directory(where `css` files placed). I couldn't find any proper solution. By the way there is also no problem with buttons. They are all ok but icons are gone. Thanks

Original source

Related problems