Typography
字体平滑
用于控制元素的字体平滑的功能类。
| 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 ..."> <!-- ... --></p>Learn more about using variants in the variants documentation.
