title: How to properly load a font-family for my custom library components?
body: <p>I'm writing a new React UI component library using <code>styled-components</code> and <code>styled-system</code>. This library will be used on a side project and should be published as a npm library.</p>
  
  <p>I'm creating a button component and considering almost every component should have a <code>font-family</code> <code>Roboto</code> like this:</p>
  
  <pre><code>const BaseButton = styled.div`
    font-family: 'Roboto', sans-serif;
  `;
  </code></pre>
  
  <p>Considering that each component is independent from each other, where is the best place to set a default <code>font-family</code> once for my entire component library?</p>
  
  <p>Thank you</p>