在圍觀Drupal官方主題的時候，發(fā)現(xiàn)了一個有意思的非標(biāo)準(zhǔn)CSS選擇器-webkit-font-smoothing，于是上手把玩了一番。如何使用css3字體平滑顯示呢 Android培訓(xùn),安卓培訓(xùn),手機(jī)開發(fā)培訓(xùn),移動開發(fā)培訓(xùn),云培訓(xùn)培訓(xùn)

要知道，W3C對CSS中字體的抗鋸齒渲染是有過考慮的，如font-smooth，不過可能由于不同操作系統(tǒng)以及瀏覽器內(nèi)核對字體的渲染存在差異，總之，他并沒有被選入Web標(biāo)準(zhǔn)。但是WebKit還是保留了一套自有的非標(biāo)準(zhǔn)選擇器來實(shí)現(xiàn)對抗鋸齒效果的支持，來讓字體顯示的更加平滑。

-webkit-font-smoothing主要有一下三個屬性：

  • none: 無抗鋸齒

  • subpixel-antialiased (default): 次像素平滑 常見于Mac OS和MacType For Windows

  • antialiased: 灰度平滑 常用于Android和iOS等移動設(shè)備的

不過經(jīng)過嘗試，我的木頭眼睛完全分辨不出后兩個的區(qū)別。 Android培訓(xùn),安卓培訓(xùn),手機(jī)開發(fā)培訓(xùn),移動開發(fā)培訓(xùn),云培訓(xùn)培訓(xùn)而且這個非標(biāo)準(zhǔn)的CSS只適用于大多數(shù)的手機(jī)瀏覽器及Safari和Chrome之類的WebKit內(nèi)核的桌面瀏覽器。至于IE系列嘛，你自己不支持，怪我咯~Android培訓(xùn),安卓培訓(xùn),手機(jī)開發(fā)培訓(xùn),移動開發(fā)培訓(xùn),云培訓(xùn)培訓(xùn)

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式