タイポグラフィ
テキストのスタイルを制御するためのユーティリティ。
| クラス | スタイル |
|---|---|
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>プレフィックスa font-style ユーティリティ md: のようなブレークポイントバリアントとともに使用して、ユーティリティを適用するのはmedium 画面サイズ以上の場合のみです。
<p class="italic md:not-italic ..."> Lorem ipsum dolor sit amet...</p>バリアントの使用方法の詳細については、バリアントドキュメントをご覧ください。