字体排印
用于控制元素字体平滑的实用工具。
类 | 样式 |
---|---|
抗锯齿 | -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; |
子像素抗锯齿 | -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; |
使用 antialiased
实用工具使用灰度抗锯齿渲染文本
敏捷的棕色狐狸跳过懒惰的狗。
<p class="antialiased ...">The quick brown fox ...</p>
使用 subpixel-antialiased
实用工具使用子像素抗锯齿渲染文本
敏捷的棕色狐狸跳过懒惰的狗。
<p class="subpixel-antialiased ...">The quick brown fox ...</p>
前缀 -webkit-font-smoothing
和 -moz-osx-font-smoothing
实用工具 带有像 md:
这样的断点变体,仅在中等 屏幕尺寸及以上应用该实用工具
<p class="antialiased md:subpixel-antialiased ..."> <!-- ... --></p>
了解有关在变体文档中使用变体的更多信息。