css text-rendering屬性

發表留言 人氣: 3409°c

昨天因為一套風格加入了CSS3 text-rendering 標籤令中文符號變了四方框架和<B>及Stong標籤不粗體,在網上找來了一些資料,現在想簡短描述這個標籤的作用和記錄一下。

標籤屬性運用︰

text-rendering:auto
瀏覽器為速度、易讀性、幾何精度等自動優化來繪制文本
在實踐中,Gecko桌面瀏覽器(Firefox)如果字體大小為20 px或者更大,會使用optimizeLegibility;否則對於較小的文本使用optimizeSpeed

text-rendering:optimizeSpeed
繪制文本時速度優先,會禁用字距調整和連字

text-rendering:optimizeLegibility
繪制文本時易讀性優先,會啟用字距調整和連字

text-rendering:geometricPrecision
繪制文本時幾何精度優先,暫時和optimizeLegibility相同

text-rendering:inherit
規定應該從父元素繼承字體樣式

注︰ Text-rendering 屬性是一個非標準屬性,主要用來告訴渲染引擎(rendering engine)渲染文字的時候如何來優化,瀏覽器根據這個屬性來權衡速度、易讀性、幾何精度等方面。

暫時只有Gecko(Firefox)and WebKit(Safari 或 Chrome)and IE9以上 支持這個屬性。

更詳細的解析︰請按此!!

標籤: