排版
控制元素字体平滑的工具类。
| Class | Styles |
|---|---|
antialiased | -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; |
subpixel-antialiased | -webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto; |
使用 antialiased 工具类以灰度抗锯齿效果渲染文本：
敏捷的棕色狐狸跳过懒惰的狗。
<p class="antialiased ...">敏捷的棕色狐狸 ...</p>使用 subpixel-antialiased 工具类以亚像素抗锯齿效果渲染文本：
敏捷的棕色狐狸跳过懒惰的狗。
<p class="subpixel-antialiased ...">敏捷的棕色狐狸 ...</p>Prefix -webkit-font-smoothing and -moz-osx-font-smoothing utilities with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:
<p class="antialiased md:subpixel-antialiased ..."> Lorem ipsum dolor sit amet...</p>Learn more about using variants in the variants documentation.