Default (Body font - Futura)

This text uses the default body font (Futura Book)

Josefin Sans

This text uses Josefin Sans font family

Varela Round

This text uses Varela Round font family

Futura (explicit)

This text explicitly uses Futura font family

Futura Light (300)

This text uses Futura Light weight (300)

Futura Book (400)

This text uses Futura Book weight (400)

Alternative: Futura + Tailwind weight classes

Futura with font-light class (300)

Futura with font-normal class (400)

Josefin Sans Weights

Josefin Sans Semibold (600)

Josefin Sans Bold (700)

Josefin Sans Italic Styles

Josefin Sans Semibold Italic

Josefin Sans Bold Italic

Custom Gray Color

This text uses custom gray color (#444040)

Arbitrary Color Value

This text uses arbitrary color value [#444040]

Link Hover Color

Josefin + Custom Color

Josefin Sans Bold with custom gray color

Futura Light + Custom Color

Futura Light with custom gray color

Varela + Custom Color

Varela Round with custom gray color

Default Heading Styles (Bold + Gray-800)

Heading 1 (h1)

Heading 2 (h2)

Heading 3 (h3)

Heading 4 (h4)

Heading 5 (h5)

Heading 6 (h6)

Headings with Different Fonts

Josefin Sans Heading

Varela Round Heading

Futura Light Heading