title: Error 404 Not found for @font-face files
body: <p>I am loading css using the following in <code>&lt;head&gt;</code> tag</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="{{ asset('css/materialize.css') }}" media="screen" /&gt;
  </code></pre>
  
  <p>The page is not able to find the fonts used in the css file in the fonts directory mentioned under public folder. How am i supposed to load these for the css files ?</p>
  
  <p>Image of Folder Struxture &amp; Calling of font-face in the css file:</p>
  
  <p><img src="https://i.imgur.com/LlWje3g.png" alt="Folder Structure"></p>