排版
font-style
用于控制文本样式的工具。
| 类 | 样式 |
|---|---|
italic | font-style: italic; |
not-italic | font-style: normal; |
示例(Examples)
斜体文本(Italicizing text)
使用 italic 工具将文本设置为斜体：
🌐 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>正常显示文本(Displaying text normally)
使用 not-italic 工具以正常方式显示文本：
🌐 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>响应式设计(Responsive design)
在 font-style 工具前面使用断点变体如 md: 仅在 medium 屏幕尺寸及以上时应用工具：
<p class="italic md:not-italic ..."> Lorem ipsum dolor sit amet...</p>请参阅 变体文档 详细了解如何使用变体。