Typography

font-style

用於控制文字樣式的通用類別。

ClassStyles
italic
font-style: italic;
not-italic
font-style: normal;

範例(Examples)

斜體文字(Italicizing text)

使用 italic 通用類別將文字設定為斜體:

The quick brown fox jumps over the lazy dog.

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

正常顯示文字(Displaying text normally)

使用 not-italic 通用類別將文字設定為正常顯示:

The quick brown fox jumps over the lazy dog.

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

響應式設計(Responsive design)

font-style 通用類別前面加上像 md: 這樣的中斷點變體,讓該通用類別只在中型螢幕尺寸及以上時套用:

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

變體文件中了解更多關於使用變體的資訊。

Copyright © 2026 Tailwind Labs Inc.·商標政策(Brand)