|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 本章給大家介紹CSS3如何實現字體抗鋸齒渲染效果?-webkit-font-smoothing屬性(實例),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。對字體進行抗鋸齒渲染可以使字體看起來會更清晰舒服。在圖標字體成為一種趨勢的今天,抗鋸齒渲染使用也越來越多。 font-smoothing是非標準的CSS定義。它被列入標準規范的草案中,后由于某些原因從web標準中被移除了。 但是,我們可以用以下兩種定義進行抗鋸齒渲染: -webkit-font-smoothing: antialiased; /*chrome、safari*/ -moz-osx-font-smoothing: grayscale;/*firefox*/ 1. Webkit在自己的引擎中支持了這一效果。 -webkit-font-smoothing它有三個屬性值: 1)none:對低像素的文本比較好 2)subpixel-antialiased:默認值 3)antialiased:抗鋸齒很好 例子: body{
-webkit-font-smoothing: antialiased;
}這個屬性可以使頁面上的字體抗鋸齒,使用后字體看起來會更清晰。加上之后就頓時感覺頁面小清晰了。 2. Gecko也推出了自己的抗鋸齒效果的非標定義。 -moz-osx-font-smoothing: inherit | grayscale;這個屬性也是更清晰的作用。 例子: .icon {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}3. Ionic框架在樣式中多加了一條font-smoothing: antialiased; 這是坐等font-smoothing標準化,有備無患么。 以上就是?CSS3如何實現字體抗鋸齒渲染效果?-webkit-font-smoothing屬性(實例)的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!