在网页中使用特殊字体的可选方案:图片,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/
一、图片代替文字
最基本的解决办法是图片代替文字,但图片是静态的,若要修改文字只能重新制作图片。此办法只适合基本不需要改动的文字上面。
二、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/
相关文章推荐
- 使用 Cufon 渲染网页字体(转载自ibm developerwork,在网页里引入特殊字体的方法,通过js实现字体渲染)(1)
- 网页中的图片查看器viewjs使用方法
- 如何使用js懒加载图片|如何使用jquery.lazyload.js|网页优化|如何提高网页加载速度
- 使用 Cufon 渲染网页字体
- 网页中使用的特殊字体(webdings, wingdings 2)续
- 在网页中使用特殊字体的几种方式
- 网页引入特殊字体的几种方案
- 网页图片延迟加载LazyLoad.js使用方法介绍和实例
- 如何使用IconFont字体图标代替网页图片?
- iOS用WKWebView与JS交互获取系统图片及WKWebView的Alert,Confirm,TextInput的监听代理方法使用,屏蔽WebView的可选菜单
- iOS用WKWebView与JS交互获取系统图片及WKWebView的Alert,Confirm,TextInput的监听代理方法使用,屏蔽WebView的可选菜单
- 网页特殊字体处理方案
- 使用JS打印网页内容及图片
- 网页引入特殊字体的几种方案
- Atitit. html 使用js显示本地图片的设计方案.doc
- 网页中如何使用一些特殊字体
- 网页引入特殊字体的几种方案
- cufon 在网页上使用任何你想用的字体
- 如何使用js懒加载图片|如何使用jquery.lazyload.js|网页优化|如何提高网页加载速度
- 在网页中使用特殊字体