title: How to set a global font family in react js?
body: <p>I'm trying to set one font family for all text in react like this :</p>
  <p>index.css file :</p>
  <pre><code>:root {
      font-family: 'Vazir', sans-serif !important;
  }
  </code></pre>
  <p>But it doesn't apply and I have to apply <code>font-family: 'Vazir', sans-serif !important;</code> to every component css file .</p>
  <p>How can I code font family once and it applies to every component text or How can I set a global font family style that applies to all text rendered in react js ?</p>