Lzh on GitHub

font-style

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

快速参考

类别样式
italicfont-style: italic;
not-italicfont-style: normal;

示例

斜体文本

使用 italic 工具使文本变为斜体:

The quick brown fox jumps over the lazy dog.

<p class="italic ...">The quick brown fox ...</p>

正常显示文本

使用 not-italic 工具正常显示文本:

The quick brown fox jumps over the lazy dog.

<p class="not-italic ...">The quick brown fox ...</p>

响应式设计

在字体样式工具前加上像 md: 这样的断点变体,以便只在中等屏幕尺寸及以上应用该工具:

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

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