字体平滑

示例

灰度抗锯齿

使用 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 ...">
  <!-- ... -->
</p>

Learn more about using variants in the variants documentation.