title: Vue + Laravel: Including fonts in Single Vue Components
body: <p>I have a laravel project where I am using single view components.  I have a global.scss file where I have code below to include my fonts which are placed in public/fonts folder.  In the style section of each vue component , I am using <code>@import '../../css/global.scss';</code> to import the global.scss file but the fonts still dont seem to be usable.  Am I doing anything wrong with this setup?</p>
  
  <pre><code>@font-face {
      font-family: 'Testing-Font';
      src: url('/public/fonts/Avenir-Black.tff');
  }
  @font-face {
      font-family: 'Avenir-Light';
      src: url('/public/fonts/Avenir-Light.tff');
  }
  @font-face {
      font-family: 'Test-Fontname';
      src: url('/public/fonts/Avenir-Book.tff');
  }
  
  </code></pre>