title: Increase Global Font Size CSS
body: <p>Is there any way to globally increase the size of a font in CSS?  When I use a particular secondary font, it natively requires a 15% boost to match the size of my primary font.</p>
  <p>I currently have this class:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.freight{
      font-family: freight-text-pro, serif;
      font-style: normal;
      font-size:1.15em;
  }</code></pre>
  </div>
  </div>
  </p>
  <p>which works fine as a child element, however when applying it to the parent (an extra span seems like unnecessary code), it shrinks right down, which is obviously expected behaviour.</p>
  <p>Thanks.</p>