Typography

This section contains all info about fonts and fonts Sizes

Font Family

This library uses 2 fonts for the heading and content. These two are Arvo and Questrial.

You can load them by adding below code in your css file

@import url("https://fonts.googleapis.com/css2?family=Arvo:wght@700&family=Questrial&display=swap");

Font Sizes

We have 5 classes for heading available in the library. The font-size is based on the classes instead of headings.

Heading - 1

Heading - 2

Heading - 3

Heading - 4

Heading - 5

You can load them by adding below classes in your html file

Copy
        based on the classes instead of headings.
      </p>

      <div class="typography-container">
        <p class="text-xl">Heading - 1</p>