Typography

Headings

(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 Headings

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>

Font weights

Open Sans Extra-Bold

Open Sans Bold

Open Sans Semi-Bold

Open Sans Normal

Open Sans Light


<p class="fw-bolder">Open Sans Extra-Bold</p>
<p class="fw-bold">Open Sans Bold</p>
<p class="fw-semi-bold">Open Sans Semi-Bold</p>
<p class="fw-normal">Open Sans Normal</p>
<p class="fw-light">Open Sans Light</p>

Poppins Black

Poppins Extra-Bold

Poppins Bold

Poppins Semi-Bold

Poppins Medium

Poppins Normal

Poppins Light

Poppins Extra Light

Poppins Thin


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

Font sizes

(17px) Font large

(15px) Font defualt

(14px) Font small

(13px) Font extra small


<p class="font-large">(17px)Font large</p>
<p>(15px)Font defualt</p>
<p class="font-small">(14px)Font small</p>
<p class="font-extra-small">(13px)Font extra small</p>

© 2024 FlaTheme, All Rights Reserved.