title: Fonts not found with font-face in Laravel
body: <p>I am working on a Laravel website and for the first time I'm using font-face to load custom fonts. Unfortunately it's not working as expected.</p>
  
  <p>I have my fonts located at <code>/public/fonts</code> and use the following code, based on this <a href="https://stackoverflow.com/questions/36966953/where-do-i-place-custom-fonts-in-laravel-5">question</a></p>
  
  <pre class="lang-css prettyprint-override"><code>@font-face {
    font-family: Miriam Libre;
    src: url("/fonts/MiriamLibre-Regular.tff");
  }
  
  @font-face {
    font-family: Whitney Book;
    src: url("/fonts/whitney-book-webfont.tff");
  }
  
  body {
    font-family: Whitney Book, sans-serif;
    font-size: 16px;
    margin: 0;
    line-height: 1.2;
  }
  
  label {
      font-size: 14px;
      font-weight: bold;
      display: block;
      margin-bottom: 8px;
      font-family: Miriam Libre, serif;
      text-transform: uppercase;
      color: $text-dark;
      z-index: 10;
      position: relative;
  }
  
  </code></pre>
  
  <p>However this isn't working, since I'm getting 404 errors. A screenshot of the directory below.</p>
  
  <p><a href="https://i.stack.imgur.com/25oB5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/25oB5.png" alt="enter image description here"></a></p>
  
  <p>Anyone with some quick tips or a solution to this? Unfortunately I couldn't find any solution on StackOverflow.</p>
  
  <p><strong>Edit</strong>
  Weird thing is, if I hit the path of one of the fonts it will actually download the font..</p>