這篇文章主要介紹css怎么設(shè)置字體平滑，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)公司長(zhǎng)期為1000多家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為沾化企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、成都網(wǎng)站制作，沾化網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

css的全稱是什么

css的全稱是Cascading Style Sheets（層疊樣式表），它是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動(dòng)態(tài)地對(duì)網(wǎng)頁各元素進(jìn)行格式化。

在css中，可以使用“-webkit-font-smoothing”屬性來設(shè)置字體平滑，語法“-webkit-font-smoothing: subpixel-antialiased”；該屬性可以使頁面上的字體抗鋸齒,看起來會(huì)更清晰舒服。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

在圍觀Drupal官方主題的時(shí)候，發(fā)現(xiàn)了一個(gè)有意思的非標(biāo)準(zhǔn)CSS選擇器-webkit-font-smoothing，于是上手把玩了一番。如何使用css3字體平滑顯示呢

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

-webkit-font-smoothing主要有一下三個(gè)屬性：

• none: 無抗鋸齒

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

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

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

這里看看實(shí)際效果吧，首先是沒有采用抗鋸齒渲染的：

接下來是采用-webkit-font-smoothing: subpixel-antialiased抗鋸齒渲染平滑處理后的效果：

可以看出來，字體邊緣的光滑程度還是不一樣的，加上后確實(shí)好看了不少。

經(jīng)過測(cè)試發(fā)現(xiàn)，瀏覽器的內(nèi)置基礎(chǔ)屬性中一般已經(jīng)包含了字體抗鋸齒。但是為了保險(xiǎn)起見，還是手動(dòng)加上一個(gè)吧~

以上是“css怎么設(shè)置字體平滑”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！