Text bold

Tailwind CSS Text bold

Use responsive text bold styles with Tailwind elements. This is a simple example of how quickly you can change the font weight.

Basic example

Use one of the .text-{weight} classes to change the weight of the text.

This is the light text.

This is the normal text.

This is the medium text.

This is the semibold text.

This is the bold text.

HTML

        
            
        <p class="font-light">This is the font-light text.</p>
        <p class="font-normal">This is the font-normal text.</p>
        <p class="font-medium">This is the font-medium text.</p>
        <p class="font-semibold">This is the font-semibold text.</p>
        <p class="font-bold">This is the font-bold text.</p>

Text bold

Tailwind CSS Text bold

Basic example

Related resources