排版
用于控制元素字体平滑的工具。
¥Basic usage
¥Applying font smoothing
使用 subpixel-antialiased
工具使用子像素抗锯齿渲染文本,使用 antialiased
工具使用灰度抗锯齿渲染文本。
¥Use the subpixel-antialiased
utility to render text using subpixel antialiasing and the antialiased
utility to render text using grayscale antialiasing.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
<p class="subpixel-antialiased ...">The quick brown fox ...</p>
<p class="antialiased ...">The quick brown fox ...</p>
Tailwind 允许你使用变体修饰符在不同状态下有条件地应用工具类。例如,使用hover:subpixel-antialiased
仅在 hover 时应用 subpixel-antialiased
工具。
<p class="antialiased hover:subpixel-antialiased">
<!-- ... -->
</p>
有关所有可用状态修饰符的完整列表,请查看悬停、聚焦、以及其他状态 文档。
你还可以使用变体修饰符来定位媒体查询,例如响应式断点、暗黑模式、首选减少运动等。例如,使用 md:subpixel-antialiased
仅在中等屏幕尺寸及以上时应用 subpixel-antialiased
工具。
<p class="antialiased md:subpixel-antialiased">
<!-- ... -->
</p>