title: Vercel deploy: font is not loading correctly
body: <p>Locally my site run with the fonts up.</p>
  <p>I needed to deploy it twice to get the fonts correctly (without changing any css code)</p>
  <p><a href="https://i.stack.imgur.com/ZrED8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZrED8.png" alt="enter image description here" /></a></p>
  <p>But now, in my smartphone it's not working yet:</p>
  <p><a href="https://i.stack.imgur.com/8trNT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8trNT.png" alt="enter image description here" /></a></p>
  <p>I put the fonts include in index.js (main file) but does not work.</p>
  <pre><code>@font-face {
    font-family: 'Vabulous';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/Vabulous.ttf')
  }
  </code></pre>
  <p>I followed this thread: <a href="https://stackoverflow.com/questions/58559019/font-is-not-loading-when-deployed">Font is not loading when deployed</a> of angular but it does not work.</p>
  <p>Maybe it will work soon but I want to understand why it does not working now. (it's not cache, since I had never opened this site on my smartphone).</p>