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

posted @ 2011-02-12 10:06  qbx  阅读(637)  评论(0编辑  收藏  举报