Typography / Text Utilities

Typography is the basic and one of the important components of any Website or Project. It can make a difference in terms of look and user experience perspective.

Headings

You can use different types of headings in your project / website according to the need. You need to include class h1, h2, h3, h4, h5, h6 , as shown below.

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6

Text Weight

You can use different types of text based on the font-weight as per the need. You need to include classes, as shown below.

Lighter text

Light text

Regular text

Bold text

Black text

Text Alignment

You can align the text as per the need. You need to include classes, as shown below.

Left Aligned Text

Center Aligned Text

Right Aligned Text

Text Size / Font-Size

You can use different font-sizes of the text as per the need. You need to include classes, as shown below.

Smaller Text

Normal Text

Larger Text

Colored Text

You can use different colors of the text as per the need. You need to include classes, as shown below.

Default Text Gray Text Span Text