1. 排版
  2. font-smoothing

排版

font-smoothing

用于控制元素字体平滑的实用工具。

类名样式
antialiased
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
subpixel-antialiased
-webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto;

示例

灰度抗锯齿

使用 antialiased utility 类以灰度抗锯齿渲染文本

The quick brown fox jumps over the lazy dog.

<p class="antialiased ...">The quick brown fox ...</p>

子像素抗锯齿

使用 subpixel-antialiased utility 类以子像素抗锯齿渲染文本

The quick brown fox jumps over the lazy dog.

<p class="subpixel-antialiased ...">The quick brown fox ...</p>

响应式设计

前缀 -webkit-font-smoothing-moz-osx-font-smoothingutility 类 使用断点变体,例如 md: 仅在以下情况下应用 utility 类中等 屏幕尺寸及以上

<p class="antialiased md:subpixel-antialiased ...">
Lorem ipsum dolor sit amet...
</p>

了解更多关于在变体文档中使用变体的信息。

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