title: tailwind use font from local files globally
body: <p>Currently I'm doing this in my style tags</p>
  
  <pre><code>@import url('https://fonts.googleapis.com/css?family=Roboto&amp;display=swap');
  
  * {
    font-family: 'Roboto', sans-serif;
  }
  </code></pre>
  
  <p>but I downloaded the Roboto font and would like to know how I can configure Tailwind to use those files and the font globally for all elements.</p>
  
  <p><strong>Sidenote:</strong></p>
  
  <p>I'm using Vuejs and followed the guide on how to setup Tailwind for Vue from here</p>
  
  <p><a href="https://www.youtube.com/watch?v=xJcvpuELcZo" rel="noreferrer">https://www.youtube.com/watch?v=xJcvpuELcZo</a></p>