.font-xxl text

.font-xl text

.font-lg text

.font-md text

.font-sm text

.fs-1 text

.fs-2 text

.fs-3 text

.fs-4 text

.fs-5 text

.fs-6 text

Bold text.

Bolder weight text (relative to the parent element).

Semibold weight text.

Normal weight text.

Light weight text.

Lighter weight text (relative to the parent element).

Italic text.

Text with normal font style

This is a long paragraph written to show how the line-height of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API.

This is a long paragraph written to show how the line-height of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API.

This is a long paragraph written to show how the line-height of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API.

This is a long paragraph written to show how the line-height of an element is affected by our utilities. Classes are applied to the element itself or sometimes the parent element. These classes can be customized as needed with our utility API.

This text has a line underneath it.

This text has a line going through it.

hover me has underline
This link has its text decoration removed

font size 32

font size 30

font size 28

font size 26

font size 24

font size 22

font size 20

font size 18

font size 16

font size 14

font size 13

font size 12

this is 100 font weight

this is 200 font weight

this is 300 font weight

this is 400 font weight

this is 500 font weight

this is 600 font weight

this is 700 font weight

this is 800 font weight

this is 900 font weight