title: Roboto font not working in Safari or Mobile browsers after deployment on Netlify
body: <p>Pulling my hair out here.</p>
  <p>I'm new to React, I have my font family in my css like this. Everything is fine on localhost but when I deploy, the Roboto font doesnt work on safari or mobile browsers...</p>
  <p>any help would be greatly appreciated</p>
  <p>Thanks</p>
  <pre><code>* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Roboto, sans-serif !important;
    border: none;
  }
  </code></pre>
  <p>also i'm using styled components, i'm not too sure if that has anything to do with it.</p>