# Typography

## Font

The base type is `Open Sans` at 15px over 1.6 line height (24px), html is set to 62.5% 
so that all the REM measurements throughout Karma CSS are based on 10px sizing. 
So basically 1.5rem = 15px.

## Headings

All heading `h1` through to `h6` are available.

<script async src="//jsfiddle.net/stuartaccent/yfp71xjL/embed/html,result/"></script>

Use the included utility classes to recreate the small secondary heading text

<script async src="//jsfiddle.net/stuartaccent/02wxbmj1/embed/html,result/"></script>

## Inline Text

<script async src="//jsfiddle.net/stuartaccent/5z03n71c/embed/html,result/"></script>

## Blockquote

Blockquotes have also been styled.

<script async src="//jsfiddle.net/stuartaccent/hbsuxja3/embed/html,result/"></script>

You can also add additional content and apply additional styles.

<script async src="//jsfiddle.net/stuartaccent/Lrpbzjsg/embed/html,result/"></script>

## Address

Address have basic styles

<script async src="//jsfiddle.net/stuartaccent/qd34y9hr/embed/html,result/"></script>

## Lists

Unordered lists have basic styles

<script async src="//jsfiddle.net/stuartaccent/arqLnzt1/embed/html,result/"></script>

As well as ordered lists

<script async src="//jsfiddle.net/stuartaccent/y5a7vgtj/embed/html,result/"></script>

## Horizontal Rule

<script async src="//jsfiddle.net/stuartaccent/n6e4x783/embed/html,result/"></script>