title: Importing custom fonts in Laravel 8
body: <p>I'm trying to load custom fonts to my project using Laravel 8 (mix) but don't know what's wrong with my process. Whenever I'm trying to use the font with my scss the font seems not working.</p>
  <p>Here's what my directory tree looks like atm:</p>
  <p><strong>My Public Directory</strong></p>
  <p>public</p>
  <ul>
  <li>assets
  <ul>
  <li>css</li>
  <li>js</li>
  </ul>
  </li>
  <li>css
  <ul>
  <li>app.css</li>
  </ul>
  </li>
  <li>js
  <ul>
  <li>app.js</li>
  </ul>
  </li>
  </ul>
  <p><strong>My Resources Directory</strong></p>
  <p>resources</p>
  <ul>
  <li>fonts
  <ul>
  <li>opensans.ttf</li>
  </ul>
  </li>
  <li>sass
  <ul>
  <li>app.scss</li>
  </ul>
  </li>
  </ul>
  <p>Now the <code>app.scss</code> contains the following</p>
  <pre><code>$font-path: &quot;../fonts&quot;;
  @font-face {
      src: url(&quot;#{$font-path}/OpenSans-Regular.ttf&quot;) format(&quot;ttf&quot;);
      font-family: &quot;OpenSans&quot;;
  }
  </code></pre>
  <p>I even tried putting the fonts inside <code>public</code> folder but it didn't work, also I tried importing the font from google fonts it didn't work too.</p>