字体平滑

示例

灰度抗锯齿

使用 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.