Typography
用於控制文字樣式的通用類別。
| Class | Styles |
|---|---|
italic | font-style: italic; |
not-italic | font-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>在 font-style 通用類別前面加上像 md: 這樣的中斷點變體,讓該通用類別只在中型螢幕尺寸及以上時套用:
<p class="italic md:not-italic ..."> Lorem ipsum dolor sit amet...</p>在變體文件中了解更多關於使用變體的資訊。