排版
font-smoothing
用于控制元素字体平滑度的工具。
| 类 | 样式 |
|---|---|
antialiased | -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; |
subpixel-antialiased | -webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto; |
示例(Examples)
¥Examples
灰度抗锯齿(Grayscale antialiasing)
¥Grayscale antialiasing
使用 antialiased 工具使用灰度抗锯齿渲染文本：
¥Use the antialiased utility to render text using grayscale antialiasing:
The quick brown fox jumps over the lazy dog.
<p class="antialiased ...">The quick brown fox ...</p>子像素抗锯齿(Subpixel antialiasing)
¥Subpixel antialiasing
使用 subpixel-antialiased 工具使用子像素抗锯齿渲染文本：
¥Use the subpixel-antialiased utility to render text using subpixel antialiasing:
The quick brown fox jumps over the lazy dog.
<p class="subpixel-antialiased ...">The quick brown fox ...</p>响应式设计(Responsive design)
¥Responsive design
前缀 -webkit-font-smoothing and -moz-osx-font-smoothing 工具 使用断点变体如 md: 仅在 medium 屏幕尺寸及以上时应用工具：
<p class="antialiased md:subpixel-antialiased ..."> Lorem ipsum dolor sit amet...</p>请参阅 变体文档 详细了解如何使用变体。