Fonts

<div class="editor--content styleguide--background">

    <h2>Corporate Font – TheSans</h2>
    <p>
        Use font-weight 300 for copy text, <strong>strong (font-weight: 700)</strong> and <em>em (font-style: italic)</em>
        to emphasize text.
    </p>
    <pre>font-family: "TheSans", Arial, "Liberation Sans", sans-serif</pre>

    <h2>Fallback Fonts</h2>
    <p>
        If you cannot use TheSans for licensing or other reasons use Arial and Liberation Sans as fallback fonts.
    </p>
    <pre>font-family: Arial, "Liberation Sans", sans-serif</pre>

</div>
<div class="editor--content styleguide--background">

  <h2>Corporate Font – TheSans</h2>
  <p>
    Use font-weight 300 for copy text, <strong>strong (font-weight: 700)</strong> and <em>em (font-style: italic)</em>
    to emphasize text.
  </p>
  <pre>font-family: "TheSans", Arial, "Liberation Sans", sans-serif</pre>

  <h2>Fallback Fonts</h2>
  <p>
    If you cannot use TheSans for licensing or other reasons use Arial and Liberation Sans as fallback fonts.
  </p>
  <pre>font-family: Arial, "Liberation Sans", sans-serif</pre>

</div>
/* No context defined. */

All text stylings are only applied with the .editor–content wrapper class