(h1) Heading

(h2) Heading

(h3) Heading

(h4) Heading

(h5) Heading

(h6) Heading

<h1>(h1) Heading</h1>
<h2>(h2) Heading</h2>
<h3>(h3) Heading</h3>
<h4>(h4) Heading</h4>
<h5>(h5) Heading</h5>
<h6>(h6) Heading</h6>

Display 1

Display 2

Display 3

Display 4

<h1 class="display-1">Display 1</h1>
<h1 class="display-2">Display 2</h1>
<h1 class="display-3">Display 3</h1>
<h1 class="display-4">Display 4</h1>

Open Sans Extra-Bold

Open Sans Bold

Open Sans Semi-Bold

Open Sans Normal

Open Sans Light

Poppins Black

Poppins Extra-Bold

Poppins Bold

Poppins Semi-Bold

Poppins Medium

Poppins Normal

Poppins Light

Poppins Extra Light

Poppins Thin

<p class="font-weight-extra-bold">Open Sans Extra-Bold</p>
<p class="font-weight-bold">Open Sans Bold</p>
<p class="font-weight-semi-bold">Open Sans Semi-Bold</p>
<p class="font-weight-normal">Open Sans Normal</p>
<p class="font-weight-light">Open Sans Light</p>

<p class="font-family-secondary font-weight-black">Poppins Black</p>
<p class="font-family-secondary font-weight-extra-bold">Poppins Extra-Bold</p>
<p class="font-family-secondary font-weight-bold">Poppins Bold</p>
<p class="font-family-secondary font-weight-semi-bold">Poppins Semi-Bold</p>
<p class="font-family-secondary font-weight-medium">Poppins Medium</p>
<p class="font-family-secondary font-weight-normal">Poppins Normal</p>
<p class="font-family-secondary font-weight-light">Poppins Light</p>
<p class="font-family-secondary font-weight-extra-light">Poppins Extra Light</p>
<p class="font-family-secondary font-weight-thin">Poppins Thin</p>

(17px) Font Large

(15px) Font Regular

(13px) Font Small

<p class="font-large">(17px) Font Large</p>
<p>(15px) Font Regular</p>
<p class="font-small">(13px) Font Small</p>