Styleguide 0.1.0

3 - Fonts

3.1 - Open Sans

The five boxing wizards jump quickly.

The five boxing wizards jump quickly.

The five boxing wizards jump quickly.

The five boxing wizards jump quickly.

The five boxing wizards jump quickly.
The five boxing wizards jump quickly.

The five boxing wizards jump quickly.
The five boxing wizards jump quickly.
The five boxing wizards jump quickly.

ABCDEFGHIJKLMNOPQERSTUWXYZÆØÅ

abcdefghijklmnopqrstuvwxyzæøå

<div class="font-example-open-sans">
  <h1>The five boxing wizards jump quickly.</h1>
  <h2>The five boxing wizards jump quickly.</h2>
  <h3>The five boxing wizards jump quickly.</h3>
  <h4>The five boxing wizards jump quickly.</h4>
  <h5>The five boxing wizards jump quickly.</h5>
  <h6>The five boxing wizards jump quickly.</h6>
  <p>
    The five boxing wizards jump quickly.<br />
    <strong>The five boxing wizards jump quickly.</strong><br />
    <em>The five boxing wizards jump quickly.</em>
  </p>
  <p>ABCDEFGHIJKLMNOPQERSTUWXYZÆØÅ</p>
  <p>abcdefghijklmnopqrstuvwxyzæøå</p>
</div>

3.2 - Besom

The five boxing wizards jump quickly.

The five boxing wizards jump quickly.

The five boxing wizards jump quickly.

The five boxing wizards jump quickly.

The five boxing wizards jump quickly.
The five boxing wizards jump quickly.

The five boxing wizards jump quickly.
The five boxing wizards jump quickly.
The five boxing wizards jump quickly.

ABCDEFGHIJKLMNOPQERSTUWXYZÆØÅ

<div class="font-example-besom">
  <h1>The five boxing wizards jump quickly.</h1>
  <h2>The five boxing wizards jump quickly.</h2>
  <h3>The five boxing wizards jump quickly.</h3>
  <h4>The five boxing wizards jump quickly.</h4>
  <h5>The five boxing wizards jump quickly.</h5>
  <h6>The five boxing wizards jump quickly.</h6>
  <p>
    The five boxing wizards jump quickly.<br />
    <strong>The five boxing wizards jump quickly.</strong><br />
    <em>The five boxing wizards jump quickly.</em>
  </p>
  <p>ABCDEFGHIJKLMNOPQERSTUWXYZÆØÅ</p>
</div>

3.3 - Fontello

The five boxing wizards jump quickly.

The five boxing wizards jump quickly.

The five boxing wizards jump quickly.

The five boxing wizards jump quickly.

The five boxing wizards jump quickly.
The five boxing wizards jump quickly.

The five boxing wizards jump quickly.
The five boxing wizards jump quickly.
The five boxing wizards jump quickly.

ABCDEFGHIJKLMNOPQERSTUWXYZÆØÅ

abcdefghijklmnopqrstuvwxyzæøå

<div class="font-example-fontello">
  <h1>The five boxing wizards jump quickly.</h1>
  <h2>The five boxing wizards jump quickly.</h2>
  <h3>The five boxing wizards jump quickly.</h3>
  <h4>The five boxing wizards jump quickly.</h4>
  <h5>The five boxing wizards jump quickly.</h5>
  <h6>The five boxing wizards jump quickly.</h6>
  <p>
    The five boxing wizards jump quickly.<br />
    <strong>The five boxing wizards jump quickly.</strong><br />
    <em>The five boxing wizards jump quickly.</em>
  </p>
  <p>ABCDEFGHIJKLMNOPQERSTUWXYZÆØÅ</p>
  <p>abcdefghijklmnopqrstuvwxyzæøå</p>
</div>