在制作網頁的過程中如果網頁中加入了對字體進行抗鋸齒渲染效果,可以使字體看起來會更清晰舒服。在圖標字體成為一種趨勢的今天,抗鋸齒渲染使用也越來越多。

font-smoothing是非標準的CSS定義。它被列入標準規范的草案中,后由于某些原因從web標準中被移除了。

国产视频app但是,我們可以用以下兩種定義進行抗鋸齒渲染

-webkit-font-smoothing: antialiased; /*chrome、safari*/
-moz-osx-font-smoothing: grayscale;/*firefox*/

国产视频appWebkit在自己的引擎中支持了這一效果。

-webkit-font-smoothing

它有三個屬性值:

国产视频appnone ------ 對低像素的文本比較好

subpixel-antialiased------默認值

antialiased ------抗鋸齒很好

例子:

body{
-webkit-font-smoothing: antialiased;
}


這個屬性可以使頁面上的字體抗鋸齒,使用后字體看起來會更清晰。

国产视频app加上之后就頓時感覺頁面小清晰了。

国产视频appGecko也推出了自己的抗鋸齒效果的非標定義。

-moz-osx-font-smoothing: inherit | grayscale;

這個屬性也是更清晰的作用。

例子:

.icon {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

Ionic框架在樣式中多加了一條font-smoothing: antialiased;

国产视频app這是坐等font-smoothing標準化,有備無患么。