當前位置:編程學習大全網 - 編程軟體 - 使用JSFiddle(web前端開發網頁編程器)怎麽改字體顏色。

使用JSFiddle(web前端開發網頁編程器)怎麽改字體顏色。

這裏有壹個字體渲染實測結果截圖展示。造成渲染區別的主要是以下幾點(wiki: Font rasterization):

字體抗鋸齒:Win7以上自動打開的ClearType(msdn)、常見於Mac OS和MacType的次像素平滑(原理)、常用於Android和iOS等移動設備的灰度渲染

Hinting技術 /wiki

對字重font-weight的支持程度不壹(ref)

相對應的控制有:

字體抗鋸齒技術:僅僅只有webkit核支持使用壹個CSS屬性來控制字體平滑技術:-webkit-font-smoothing: antialiased;,可以將chrome瀏覽器的字體渲染調為灰度渲染。在The New Yorker、Path等網站中,均使用了這個方案,它可以使webkit內核的瀏覽器字重表現壹致。(使用了次像素平滑之後,字重普遍比灰度渲染之後的字體重,效果詳見攜程的這個DEMO)。

Hinting技術:在打包的Webfont字體中加入Hinting,有助於Windows的小字體顯示效果

字重兼容性:出於兼容性的考量,不要使用font-weight的數值形式,也不要在@font-face裏指定相應的font-weight數值,可以通過@font-face裏定義的字體名來區分字重,如Gabriela-Light和Gabriela-Regular

此外:

小字重字體(W1,W2)的小字號、大字重字體(W6以上)的小字號在win xp下的顯示很難正常和好看,可以避免使用

在webkit核的字體顯示有問題時,可以使用如-webkit-text-stroke的hack解決問題,詳參How to fix the ugly font rendering in Google Chrome

接口不健全,各個終端表現不壹,這基本就是現狀了。Mockee的關於字體渲染的ppt裏說到:“接受現實,假設最壞的情況,等待未來新標準、新實現。”

  • 上一篇:怎麽和程序員戀愛?
  • 下一篇:如果要用電腦做組態軟件則上位機應該是什麽
  • copyright 2024編程學習大全網