タイポグラフィ
要素のフォントスムージングを制御するためのユーティリティ。
| クラス | スタイル |
|---|---|
antialiased | -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; |
subpixel-antialiased | -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; |
antialiasedユーティリティを使用して、グレイスケールアンチエイリアスでテキストをレンダリングします。
The quick brown fox jumps over the lazy dog.
<p class="antialiased ...">The quick brown fox ...</p>subpixel-antialiasedユーティリティを使用して、サブピクセルアンチエイリアスでテキストをレンダリングします。
The quick brown fox jumps over the lazy dog.
<p class="subpixel-antialiased ...">The quick brown fox ...</p>プレフィックス -webkit-font-smoothing および -moz-osx-font-smoothingユーティリティ md: のようなブレークポイントバリアントとともに使用して、ユーティリティを適用するのはmedium 以上の画面サイズの場合のみです。
<p class="antialiased md:subpixel-antialiased ..."> Lorem ipsum dolor sit amet...</p>バリアントの使用方法の詳細については、バリアントのドキュメントをご覧ください。