在css中，可以使用「-webkit-font-smoothing」屬性來設定字體平滑，語法「-webkit-font-smoothing:subpixel-antialiased」；該屬性可以使頁面上的字體抗鋸齒，看起來會更清晰舒服。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
在圍觀Drupal官方主題的時候，發現了一個有意思的非標準CSS選擇器-webkit-font-smoothing，於是上手把玩了一番。如何使用css3字體平滑顯示呢
要知道，W3C對CSS中字體的抗鋸齒渲染是有過考慮的，如font-smooth，不過可能由於不同操作系統以及瀏覽器內核對字體的渲染存在差異，總之，他並沒有被選入Web標準。但WebKit還是保留了一套自有的非標準選擇器來實現對抗鋸齒效果的支持，來讓字體顯示的更加平滑。
-webkit-font-smoothing主要有一下三個屬性：
none: 無抗鋸齒
subpixel- antialiased (default): 次像素平滑常見於Mac OS和MacType For Windows
#antialiased: 灰階平滑常用於Android和iOS等行動裝置的
#不過經過嘗試，我的木頭眼睛完全分辨不出後兩個的差異。而且這個非標準的CSS只適用於大多數的手機瀏覽器及Safari和Chrome之類的WebKit核心的桌面瀏覽器。至於IE系列嘛，你自己不支持，怪我咯~
這裡看看實際效果吧，首先是沒有採用抗鋸齒渲染的：
接下來是採用-webkit-font-smoothing: subpixel-antialiased抗鋸齒渲染平滑處理後的效果：
可以看出來，字體邊緣的光滑程度還是不一樣的，加上後確實好看了不少。
經過測試發現，瀏覽器的內建基礎屬性中一般已經包含了字體抗鋸齒。但為了保險起見，還是手動加上一個吧~
推薦學習：css影片教學
#以上是css如何設定字體平滑的詳細內容。更多資訊請關注PHP中文網其他相關文章！
