Font Style

Utilities for controlling the font style of an element.

Quickly change the font-style of text using the font style utilities.

Quick reference

ClassProperties
.fst-italicfont-style: italic;
.fst-normalfont-style: normal;

Basic usage

Italicizing text

The fst-italic utility can be used to make text italic. Likewise, the fst-normal utility can be used to display text normally — typically to reset italic text at different breakpoints.

fst-italic

The quick brown fox jumps over the lazy dog.

fst-normal

The quick brown fox jumps over the lazy dog.

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