font-style

用于控制文本样式的工具类。

快速参考

类	属性
italic	font-style: italic;
not-italic	font-style: normal;

示例

斜体文本

使用 italic 工具类将文本设为斜体：

The quick brown fox jumps over the lazy dog.

<!-- [!code classes:italic] -->
<p class="italic ...">The quick brown fox ...</p>

以常规样式显示文本

使用 not-italic 工具类以常规样式显示文本：

The quick brown fox jumps over the lazy dog.

<!-- [!code classes:not-italic] -->
<p class="not-italic ...">The quick brown fox ...</p>

响应式设计

使用 md: 等断点变体前缀，即可让 font-style 工具类仅在中等及以上屏幕尺寸下生效：

<p class="italic md:not-italic ...">
 Lorem ipsum dolor sit amet...
</p>

在变体文档中了解更多关于使用变体的信息。