Styleguide 0.28.5

3 - Fonts

At Dinside we are passionate about typography and the written word. We have chosen fonts and weights with readability in mind, but that also gives us freedom to experiment.

3.1 - Open Sans

Open sans is our base font and used in most cases. It's a font with good rhythm and spacing. Open sans Black in large size is well suited for headlines, and Open sans Light is a good contrast when setting large blocks og text. Available weights are light, normal, semi-bold, bold, and black. The font is hosted externally and included as a stylesheet <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700,800' rel='stylesheet' type='text/css'>

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.

<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>
</div>