font-style

Utilities for controlling the style of text.

Class Styles

Class	Styles
`italic`	`font-style: italic;`
`not-italic`	`font-style: normal;`

italic

font-style: italic;

not-italic

font-style: normal;

Examples

Use the italic utility to make text italic:

The quick brown fox jumps over the lazy dog.

<p class="italic ...">The quick brown fox ...</p>

Use the not-italic utility to display text normally:

The quick brown fox jumps over the lazy dog.

<p class="not-italic ...">The quick brown fox ...</p>

Prefix a font-style utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:

<p class="italic md:not-italic ...">  <!-- ... --></p>

Learn more about using variants in the variants documentation.