Italicize text, or take the italics off something that arrives with them.
| Class | Styles |
|---|---|
| .fst-italic | font-style: italic; |
| .fst-normal | font-style: normal; |
On this page
Font style
Change the font-style of text with the .fst-* utilities.
Italic text.
Text with normal font style
<p class="fst-italic">Italic text.</p>
<p class="fst-normal">Text with normal font style</p>.fst-normal is the one that earns its place: <em>, <cite>, <address> and <var> arrive italic from the browser, and this is how you take that off without writing a rule.
Customizing
Utilities API
Font style utilities are declared in our utilities API in scss/_utilities.scss. Learn how to use the utilities API.
"font-style": (
property: font-style,
class: fst,
values: italic normal
),