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