国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

CSS3中字體平滑處理和抗鋸齒渲染

piapia / 1579人閱讀

摘要：如何使用字體平滑顯示呢要知道，對(duì)中字體的抗鋸齒渲染是有過(guò)考慮的，如，不過(guò)可能由于不同操作系統(tǒng)以及瀏覽器內(nèi)核對(duì)字體的渲染存在差異，總之，他并沒(méi)有被選入標(biāo)準(zhǔn)。經(jīng)過(guò)測(cè)試發(fā)現(xiàn)，瀏覽器的內(nèi)置基礎(chǔ)屬性中一般已經(jīng)包含了字體抗鋸齒。

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

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

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

none: 無(wú)抗鋸齒

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

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

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

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

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

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

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

我的個(gè)人博客，里面會(huì)有各種有意思的東西哦，歡迎關(guān)注。iamkun.com

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/50546.html

相關(guān)文章

  • CSS3中字體平滑處理和抗鋸齒渲染

    摘要：如何使用字體平滑顯示呢要知道，對(duì)中字體的抗鋸齒渲染是有過(guò)考慮的，如，不過(guò)可能由于不同操作系統(tǒng)以及瀏覽器內(nèi)核對(duì)字體的渲染存在差異，總之，他并沒(méi)有被選入標(biāo)準(zhǔn)。經(jīng)過(guò)測(cè)試發(fā)現(xiàn)，瀏覽器的內(nèi)置基礎(chǔ)屬性中一般已經(jīng)包含了字體抗鋸齒。 在圍觀Drupal官方主題的時(shí)候，發(fā)現(xiàn)了一個(gè)有意思的非標(biāo)準(zhǔn)CSS選擇器-webkit-font-smoothing，于是上手把玩了一番。如何使用css3字體平滑顯示呢 s...

    didikee 評(píng)論0 收藏0

  • CSS3中字體平滑處理和抗鋸齒渲染

    摘要：如何使用字體平滑顯示呢要知道，對(duì)中字體的抗鋸齒渲染是有過(guò)考慮的，如，不過(guò)可能由于不同操作系統(tǒng)以及瀏覽器內(nèi)核對(duì)字體的渲染存在差異，總之，他并沒(méi)有被選入標(biāo)準(zhǔn)。經(jīng)過(guò)測(cè)試發(fā)現(xiàn)，瀏覽器的內(nèi)置基礎(chǔ)屬性中一般已經(jīng)包含了字體抗鋸齒。 在圍觀Drupal官方主題的時(shí)候，發(fā)現(xiàn)了一個(gè)有意思的非標(biāo)準(zhǔn)CSS選擇器-webkit-font-smoothing，于是上手把玩了一番。如何使用css3字體平滑顯示呢 s...

    ASCH 評(píng)論0 收藏0

  • 給自己的Fonts教程

    摘要：書(shū)體宋體仿宋體黑體等例如自帶的宋體實(shí)為中易宋體。傳統(tǒng)上說(shuō)的等線(xiàn)體以當(dāng)代視角來(lái)看通常是較為幼細(xì)的黑體。前面的過(guò)程我們稱(chēng)之為編碼，后面的這個(gè)過(guò)程我們稱(chēng)之為解碼。部分瀏覽器比如可以選擇編碼自動(dòng)檢測(cè)功能，使用基于統(tǒng)計(jì)的方法判斷未定編碼。 準(zhǔn)備工作 字符 - Character 字母、數(shù)字、漢字、符號(hào)等，是一種抽象實(shí)體。 字形 - Glyph 單個(gè)「字符」的具體表達(dá)，一個(gè)字可有多個(gè)不同的字形。 ...

    pkwenda 評(píng)論0 收藏0

  • 讓頁(yè)面的字體變得更清晰（css實(shí)現(xiàn)）和使用css樣式布局價(jià)格劃線(xiàn)

    摘要：它有三個(gè)屬性值對(duì)低像素的文本比較好默認(rèn)值抗鋸齒很好具體代碼這個(gè)屬性也是更清晰的作用。具體代碼和實(shí)現(xiàn)樣式布局橫線(xiàn)實(shí)現(xiàn)，在標(biāo)簽中可以使用刪除線(xiàn)實(shí)現(xiàn)可以使用標(biāo)簽實(shí)現(xiàn)優(yōu)惠價(jià)格元，原價(jià)元實(shí)現(xiàn)，使用優(yōu)惠價(jià)格元，原價(jià)元 css3屬性-webkit-font-smoothing ??對(duì)字體進(jìn)行抗鋸齒渲染可以使字體看起來(lái)會(huì)更清晰舒服。在圖標(biāo)字體成為一種趨勢(shì)的今天，抗鋸齒渲染使用也越來(lái)越多。font-sm...

    Freelander 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<