Tailwind CSS Font Style

This class accepts lots of value in tailwind CSS in which all the properties are covered as in class form. It is the alternative to the CSS font-style property. If we want to give design to any type of text then we can make the use of Tailwind CSS font style class. It helps to make a better user experience.

Font Style classes:

• italic
• non-italic

italic: This class is used to set the font style as italic.

Syntax:

<element class="italic">...</element>

Example:

Output:

non-italic: This is basically the default font, which is used to reset italic text at different breakpoints.

Syntax:

<element class="non-italic">...</element>

Example:

Output:

👁 Image