排版
用于控制元素字体平滑效果的工具类。
Class | Styles |
---|---|
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 ..."> Lorem ipsum dolor sit amet...</p>
Learn more about using variants in the variants documentation.