Typography

font-smoothing

用於控制元素字型平滑處理的通用類別。

ClassStyles
antialiased
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
subpixel-antialiased
-webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto;

範例(Examples)

灰階抗鋸齒(Grayscale antialiasing)

使用 antialiased 通用類別以灰階抗鋸齒方式呈現文字:

The quick brown fox jumps over the lazy dog.

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

次像素抗鋸齒(Subpixel antialiasing)

使用 subpixel-antialiased 通用類別以次像素抗鋸齒方式呈現文字:

The quick brown fox jumps over the lazy dog.

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

響應式設計(Responsive design)

-webkit-font-smoothing-moz-osx-font-smoothing 通用類別前面加上像 md: 這樣的中斷點變體,讓該通用類別只在中型螢幕尺寸及以上時套用:

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

變體文件中了解更多關於使用變體的資訊。

Copyright © 2026 Tailwind Labs Inc.·商標政策(Brand)