Pacem JS - Typography

## Typography

Native themes include three type-settings: _Standard_ (`std`), _Prioritary_ (`main`) and _Techy_ (`tech`).

- `std`: it's the normal body font.
- `main`: meant to be used as a heading font.
- `tech`: monospace font for technical content (e.g. code).

> Exploit `.type-std`, `.type-main` and `.type-tech` css classes to activate the desired type face.

```html
<!-- example -->
<div class="type-tech">This pretend to be some piece of code.</div>
```

## Size

Every .font-{suffix} has its own _font-size_ tuned so that it fits the designer's needs for desired type-face harmony.  
Nevertheless it is possible to augment or diminuish the size of a piece of text using the following css classes:

- `font-size-smallest`
- `font-size-tiny`
- `font-size-smaller`
- `font-size-small`
- `font-size-regular` (default)
- `font-size-big`
- `font-size-bigger`
- `font-size-huge`
- `font-size-biggest`

> These must be used in combo with `.type-std`, `.type-main` and `.type-tech` css classes in order to work.

```html
<!-- example -->
<div class="type-main font-size-big">This pretend to be some piece of code.</div>
```