title: glyphicons-halflings-regular.woff2 not loading 404 error
body: <p>I have tried a lot and have seen so many answers but none is helping me out here.
  I am not sure why the glyphicons-halflings-regular.woff2  not able to load even i have latest bootstrap version.</p>
  
  <p><a href="https://stackoverflow.com/questions/18245575/bootstrap-3-unable-to-display-glyphicon-properly">Bootstrap 3 unable to display glyphicon properly</a></p>
  
  <p>Directory Structure</p>
  
  <p><img src="https://i.stack.imgur.com/b8iO3.png" alt="enter image description here"></p>
  
  <p>Error</p>
  
  <p><img src="https://i.stack.imgur.com/Ej2NO.png" alt="enter image description here"></p>
  
  <p>@font-face rule in css</p>
  
  <pre><code>   @font-face {
    font-family: 'Glyphicons Halflings';
  
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
  }
  </code></pre>