Typography
用於控制元素字型平滑處理的通用類別。
| Class | Styles |
|---|---|
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: 這樣的中斷點變體，讓該通用類別只在中型螢幕尺寸及以上時套用：
<p class="antialiased md:subpixel-antialiased ..."> Lorem ipsum dolor sit amet...</p>在變體文件中了解更多關於使用變體的資訊。