您的位置:首页 > Web前端 > CSS

在网页中使用特殊字体的可选方案:图片,CSS3, sIFR, Typeface.js, cufon

2011-02-12 10:06 323 查看
在网页设计中,为满足视觉需求,有时会用到特殊字体。为了保证在所有客户浏览器中显示统一的效果,目前有以下几种解决方法:

一、图片代替文字

最基本的解决办法是图片代替文字,但图片是静态的,若要修改文字只能重新制作图片。此办法只适合基本不需要改动的文字上面。

二、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/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: