Heading

All HTML headings, <h1> through <h6>, are available. .h1 through .h6 classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.

Headings

Heading level 1 with font 50px

Heading level 1 with font 42px

Heading level 1 with font 36px

Heading level 2 with font 32px

Heading level 3 with font 30px

Heading level 4 with font 26px

Heading level 5 with font 22px

Heading level 6 with font 20px

HTML

<h1 class="h1">Heading level 1 with font 50px</h1>
<h1 class="h1-42">Heading level 1 with font 42px</h1>
<h1 class="h1-36">Heading level 1 with font 36px</h1>
<h2 class="h2">Heading level 2 with font 32px</h2>
<h3 class="h3">Heading level 3 with font 30px</h3>
<h4 class="h4">Heading level 4 with font 26px</h4>
<h5 class="h5">Heading level 5 with font 22px</h5>
<h6 class="h6">Heading level 6 with font 20px</h6>