Styleguide 0.28.5

3 - Fonts

At Vi.no 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 - Avenir

Avenir is our base font and used in most cases. It's a font with good rhythm and spacing. Avenir Medium in large size is well suited for headlines, and Avenir Light is a good contrast when setting large blocks og text. Available weights are Book, Book, Light, medium, Heavy, Oblique 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-avenir">
  <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>