title: Imported StencilJS to Vue - fonts don't work
body: <p>I just created my first web components package with StencilJS. Using <code>@stencil/sass</code> I made global styles which will apply to whole page. Additionally I made font-faces in Stencil, but It don't load in my VueCLI project, where I imported my web components.</p>
  <p>Font-faces code:</p>
  <pre><code>@font-face
    font-family: 'Uniform Condensed'
    src: url('assets/fonts/files/uniform/uniform_cyr_condensed-web.woff2') format('woff2')
    src: url('assets/fonts/files/uniform/uniform_cyr_condensed-web.woff') format('woff')
    font-weight: 400
    font-style: normal
    font-display: swap
  
  @font-face
    font-family: 'Uniform Extra Condensed'
    src: url('assets/fonts/files/uniform/uniform_cyr_extra_condensed-web.woff2') format('woff2')
    src: url('assets/fonts/files/uniform/uniform_cyr_extra_condensed-web.woff') format('woff')
    font-weight: 400
    font-style: normal
    font-display: swap
  
  @font-face
    font-family: 'Uniform Extra Condensed'
    src: url('assets/fonts/files/uniform/uniform_cyr_extra_condensed_medium-web.woff2') format('woff2')
    src: url('assets/fonts/files/uniform/uniform_cyr_extra_condensed_medium-web.woff') format('woff')
    font-weight: 500
    font-style: normal
    font-display: swap
  
  @font-face
    font-family: 'Noe Display'
    src: url('assets/fonts/files/noe/Noe_Display_Bold-web.woff') format('woff')
    font-weight: 400
    font-style: normal
    font-display: swap
  </code></pre>
  <p>I know the problem is with links. If I will put <code>assets</code> folder from my Stencil package into <code>public</code> It works, but I want fonts to load automatically after import.</p>