排版
字體平滑
用於控制元素字體平滑的工具。
| 類別 | 樣式 |
|---|---|
抗鋸齒 | -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>請參閱變體文件，以深入了解如何使用變體。
