在网页中使用特殊字体的可选方案：图片,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/

转载于:https://www.cnblogs.com/qinbaoxian/archive/2011/02/12/1951864.html