How to remove error about glyphicons-halflings-regular woff2 not found

Question

ASP NET MVC4 Bootstrap 3 application is running from Microsoft Visual Studio Express 2013 for Web IDE   Chrome console shows always error  http   localhost 52216 admin fonts glyphicons-halflings-regular woff2 Failed to load resource  the server responded with a status of 404  Not Found    This file exists in the fonts directory in the Solution Explorer  Build action is set to  Content  and Copy to Output directory is  Do not copy like in other font files   Bootstrap 3 is added to the solution using NuGet  How to fix this so that this error does not occur  Application shows Glyphicon and FontAwesome icons properly  This error always occurs at application startup

User · Answer

This problem happens because IIS does not find the actual location of woff2 file mime types  Set URL  of font-face properly  also keep font-family as glyphicons-halflings-regular in your CSS file as shown below     font-face   font-family   glyphicons-halflings-regular    src  url           fonts glyphicons-halflings-regular woff2   format  woff2

User · Answer

In my case  I ve just downloaded the missing file directly from here  https   gitlab com mailman mailman-website raw a97d6b4c5b29594004e3855f1ab1222449d0c211 content fonts glyphicons-halflings-regular woff2

User · Answer

I tried all the suggestions above  but my actual issue was that my application was looking for the  font folder and its contents   woff etc  in app fonts  but my  fonts folder was on the same level as  app  I moved  fonts under  app  and it works fine now  I hope this helps someone else roaming the web for an answer

User · Answer

Add this one to your html if you only have access to the html    lt link href    netdna bootstrapcdn com bootstrap 3 0 0 css bootstrap-glyphicons css  rel  stylesheet  gt

User · Answer

For me  the problem was twofold  First  the version of IIS I was dealing with didn t know about the  woff2 MIME type  only about  woff  I fixed that using IIS Manager at the server level  not at the web app level  so the setting wouldn t get overridden with each new app deployment   Under IIS Manager  I went to MIME types  and added the missing  woff2  then updated  woff    Second  and more importantly  I was bundling bootstrap css along with some other files as    bundles css site   Meanwhile  my font files were in    fonts   bootstrap css looks for the glyphicon fonts in     fonts   which translated to    bundles fonts  -- wrong path   In other words  my bundle path was one directory too deep  I renamed it to    bundles siteCss   and updated all the references to it that I found in my project  Now bootstrap looked in    fonts  for the glyphicon files  which worked  Problem solved   Before I fixed the second problem above  none of the glyphicon font files were loading  The symptom was that all instances of glyphicon glyphs in the project just showed an empty box  However  this symptom only occurred in the deployed versions of the web app  not on my dev machine  I m still not sure why that was the case

User · Answer

This problem happens because IIS does not know about woff and  woff2 file mime types   Solution 1   Add these lines in your web config project     lt system webServer gt           lt  modules gt       lt staticContent gt         lt remove fileExtension   woff    gt         lt mimeMap fileExtension   woff  mimeType  application font-woff    gt         lt remove fileExtension   woff2    gt         lt mimeMap fileExtension   woff2  mimeType  font woff2    gt       lt  staticContent gt    Solution 2   On IIS project page   Step 1  Go to your project IIS home page and double click on MIME Types button     Step 2  Click on Add button from Actions menu    Step 3  In the middle of the screen appears a window and in this window you need to add the two lines from solution 1

[asp.net-mvc] How to remove error about glyphicons-halflings-regular.woff2 not found

Examples related to asp.net-mvc

Examples related to twitter-bootstrap

Examples related to visual-studio

Examples related to asp.net-mvc-4

Examples related to glyphicons