title: Bootstrap glyphicons (fonts/****.woff) not loading
body: <p>I am an error getting that looks like this in my Google chrome(56.0.2924.87) console while trying to use bootstrap glyphicons</p>
  
  <p><a href="https://i.stack.imgur.com/ZYf57.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZYf57.jpg" alt="enter image description here"></a></p>
  
  <p>Even though i have my .woff files and .ttf files located in my "public/css/fonts" folder.</p>
  
  <p><strong>Addtional Information</strong></p>
  
  <p>I am using Wampserver with apache(2.4.23)</p>
  
  <p>I installed bootstrap.css with "npm install bootstrap"</p>
  
  <p><strong>This is what my font-face looks like</strong></p>
  
  <pre><code>@font-face {
    font-family: 'Glyphicons Halflings';
    font-style: italic;
    src: url('/public/css/fonts/glyphicons-halflings-regular.eot');
    src: url('/public/css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/public/css/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/public/css/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/public/css/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/public/css/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
  </code></pre>
  
  <p>}</p>
  
  <p><strong>I try to call the glyphicons like this:</strong></p>
  
  <pre><code>&lt;i class="glyphicon glyphicon-chevron-left"&gt;&lt;/i&gt;
  </code></pre>
  
  <p>Does anyone have any idea where this problem might be located?</p>