title: Twitter bootstrap glyphicons do not appear in release mode 404
body: <p>I`m working on a project in ASP.NET MVC 4 and I did following steps: </p>
  
  <ol>
  <li><p>Downloaded twitter bootstrap from <a href="http://blog.getbootstrap.com/2013/12/05/bootstrap-3-0-3-released/">http://blog.getbootstrap.com/2013/12/05/bootstrap-3-0-3-released/</a></p></li>
  <li><p>Set Build action on font files to Content (files are located in ~/Content/font folder)</p>
  
  <pre><code>glyphicons-halflings-regular.eot
  glyphicons-halflings-regular.svg
  glyphicons-halflings-regular.ttf
  glyphicons-halflings-regular.woff
  </code></pre></li>
  <li><p>Added to RouteConfig.cs</p>
  
  <blockquote>
    <p>routes.IgnoreRoute("{folder}/{*pathInfo}", new { folder = "Content" });</p>
  </blockquote></li>
  <li><p>Added following elements to Web.config</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;system.webServer&gt;
     &lt;staticContent&gt;
         &lt;remove fileExtension=".eot" /&gt;
         &lt;remove fileExtension=".ttf" /&gt;
         &lt;remove fileExtension=".otf"/&gt;
         &lt;remove fileExtension=".woff"/&gt;
         &lt;mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" /&gt;
         &lt;mimeMap fileExtension=".ttf" mimeType="font/ttf" /&gt;
         &lt;mimeMap fileExtension=".otf" mimeType="font/otf" /&gt;
        &lt;mimeMap fileExtension=".woff" mimeType="font/x-woff" /&gt;
     &lt;/staticContent&gt;
  &lt;/system.webServer&gt;
  </code></pre></li>
  <li><p>Included following code in BundleConfig.cs</p>
  
  <pre><code>bundles.Add(new StyleBundle("~/bundles/maincss")
                      .Include("~/Content/bootstrap/bootstrap.css")
                      .Include("~/Content/bootstrap/bootstrap-theme.css")
                      .Include("~/Content/hbl-full.css"));
  </code></pre>
  
  <p>Also tried with following code </p>
  
  <pre><code>IItemTransform cssFixer = new CssRewriteUrlTransform();
  
  bundles.Add(new StyleBundle("~/bundles/maincss")
                      .Include("~/Content/bootstrap/bootstrap.css", cssFixer)
                      .Include("~/Content/bootstrap/bootstrap-theme.css", cssFixer)
                      .Include("~/Content/hbl-full.css", cssFixer));
  </code></pre></li>
  <li><p>Called in main Layout.cshtml</p>
  
  <blockquote>
    <p>@Styles.Render("~/bundles/maincss")</p>
  </blockquote></li>
  </ol>
  
  <p>Still in localhost icons are shown normally, but when I push code to release server, I can only see square instead of icon and in Chrome`s Console tab I get </p>
  
  <blockquote>
    <p>GET <a href="http://domain.apphb.com/fonts/glyphicons-halflings-regular.woff">http://domain.apphb.com/fonts/glyphicons-halflings-regular.woff</a> 404 (Not Found) test:1</p>
    
    <p>GET <a href="http://domain.apphb.com/fonts/glyphicons-halflings-regular.ttf">http://domain.apphb.com/fonts/glyphicons-halflings-regular.ttf</a> 404 (Not Found) test:1</p>
    
    <p>GET <a href="http://domain.apphb.com/fonts/glyphicons-halflings-regular.svg">http://domain.apphb.com/fonts/glyphicons-halflings-regular.svg</a> 404 (Not Found) test:1</p>
  </blockquote>
  
  <p>Thank you.</p>