在網頁中使用特殊字型的可選方案：圖片,CSS3, sIFR, Typeface.js, cufon

在網頁設計中，為滿足視覺需求，有時會用到特殊字型。為了保證在所有客戶瀏覽器中顯示統一的效果，目前有以下幾種解決方案：

一、圖片代替文字

最基本的解決辦法是圖片代替文字，但圖片是靜態，若要修改文字只能重新製作圖片。此辦法只適合基本不需要改動的文字上面。

二、css3的@font-face屬性可以設定外部字型。

     由於瀏覽器對此屬性的相容性限制，此種辦法並不通用。

三、sIFR (Scalable Inman Flash Replacement)

     原理：通過Flash+JS+CSS將網路字型內嵌到頁面中。

四、Typeface

     比siFR少了FLASH的依賴

五、cufon

      利用VML、Canvas、SVG對字型進行渲染。

      相容性好、易用、不需外掛程式支援、效率高，是目前對動態文字使用特殊字型的最好方案。

參考資料：

http://slj.me/2010/07/font-replacement-css3-sifr-typeface-js-cufon/

http://www.ibm.com/developerworks/cn/web/0911_zhuzh_cufon/

http://www.zhangjingwei.com/archives/cufon/