1. Typography
  2. font-smoothing

Typography

字体平滑

用于控制元素的字体平滑的功能类。

ClassStyles
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>

响应式设计

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.

版权所有 © 2025 Tailwind Labs Inc.·商标政策