title: Font files are not loading with ASP.NET Bundles
body: <p>In my ASP.NET MVC application, I'm using Bundles to compress css and js files. The problem is - the fonts are not loading after i enable the optimization mode. </p>
  
  <pre><code>BundleTable.EnableOptimizations = true;
  </code></pre>
  
  <p>Here is the C# code</p>
  
  <pre><code>public static void RegisterBundles(BundleCollection bundles) {
      RegisterStyles(bundles);
      BundleTable.EnableOptimizations = true;
  }
  
  private static void RegisterStyles(BundleCollection bundles) {
  bundles.Add(new StyleBundle("~/BundleStyles/css").Include(
      "~/Content/Styles/bootstrap/bootstrap.css",
      "~/Content/Styles/reset.css",
      "~/Content/Styles/gridpack/gridpack.css",
  
      "~/Content/Styles/fontFaces.css",
      "~/Content/Styles/icons.css",
  
      "~/Content/Styles/inputs.css",
      "~/Content/Styles/common.css",
      "~/Content/Styles/header.css",
      "~/Content/Styles/footer.css",
      "~/Content/Styles/cslider/slider-animations.css",
      "~/Content/Styles/cslider/slider-base.css"));
  }
  </code></pre>
  
  <p>And here is the css for fonts.</p>
  
  <pre><code>   @font-face {
        font-family: ProximaNova;
        src: url('../Fonts/ProximaNova/ProximaNova-Bold.otf') format('opentype');
        font-weight: bold;
        font-style: normal;
      }
  </code></pre>
  
  <p>Here is how CSS is beeing referenced in the page.</p>
  
  <pre><code>&lt;link href="/BundleStyles/css?v=pANk2exqBfQj5bGLJtVBW3Nf2cXFdq5J3hj5dsVW3u01" rel="stylesheet"/&gt;
  </code></pre>
  
  <p>However, when i checked with Chrome Debugger tool, the font files are not loading to the page and my page looks bad with wrong fonts.</p>
  
  <p>What am I doing wrong?</p>