Font style
import { ApiTable } from "@/components/api-table.tsx"; import { Example } from "@/components/example.tsx"; import { Figure } from "@/components/figure.tsx"; import { ResponsiveDesign } from "@/components/content.tsx";
export const title = "font-style"; export const description = "Utilities for controlling the style of text.";
Examples¶
Italicizing text¶
Use the italic utility to make text italic:
The quick brown fox jumps over the lazy dog.
}<!-- [!code classes:italic] -->
<p class="italic ...">The quick brown fox ...</p>
Displaying text normally¶
Use the not-italic utility to display text normally:
The quick brown fox jumps over the lazy dog.
}<!-- [!code classes:not-italic] -->
<p class="not-italic ...">The quick brown fox ...</p>