Typography

Font size

Use the .fs-1 - .fs-10 to set an explicit font-size.

<p class="fs-1">Font size 1</p>
<p class="fs-2">Font size 2</p>
<p class="fs-3">Font size 3</p>
<p class="fs-4">Font size 4</p>
<p class="fs-5">Font size 5</p>
<p class="fs-6">Font size 6</p>
<p class="fs-7">Font size 7</p>
<p class="fs-8">Font size 8</p>
<p class="fs-9">Font size 9</p>
<p class="fs-10">Font size 10</p>

Font weight

Use the .fw-300 - .fw-700 to set an explicit font-size.

<p class="fw-300">Font weight 300</p>
<p class="fw-400">Font weight 400</p>
<p class="fw-500">Font weight 500</p>
<p class="fw-700">Font weight 700</p>

Line height

Use the lh- classes to explicitly apply line height to text.

In Markdown, use the `<span>` wrapper to apply custom classes:

No Line height
<p class="lh-0">No Line height</p>

Tight line height
<p class="lh-tight">Tight line height</p>

Default line height
<p class="fh-default">Default line height</p>

Text justification

By default text is justified left. Use these text- classes to override settings: