当前位置:主页 > 网页教程 > 设计制作综合 > 内容欢迎大家投稿

sIFR网页字体替换技术

时间:2009-11-07 12:23来源:未知 作者:大宝库 点击:读取中
阅读工具:字体:

先看一个案例, newlifeuniting.com ,该网站就通过sIFR(scalable Inman Flash Replacement),使用JavaScript+Flash+CSS将标题部分的字体,平滑消除了文本锯齿。而国内目前仍然有不少网站,在使用图片处理该环节的字体美化。

sifr

实现方法:

选择合适的SWF生成工具:

http://ianpurton.com/sifr/ or http://www.sifrgenerator.com/wizard.html

原理及调用方法:

通过生成的JS文件,sIFR.replaceElement(”h2″)替换掉自己网站中对应标签内的文字。当访问者不支持JS的时候(例如手机访问),样式表内的visibility: visible!important就不会生效。(题外话,虽然都是隐藏内容,但是display:none会把占用的空间抹掉,而visibility会保留他占用的空间。)

官方参考资料(文章底部有FLA源文件下载):

http://www.mikeindustries.com/blog/sifr/

优缺点:

缺点:页面必须完全载入后,JavaScript才能替换文本。因此,在文本被替换为Flash内容时,会有一个短暂的闪烁。如果替换的内容过多,访问者网速较慢,页面反映会比较迟钝。所以最好只针对每页的主要标题采用该技术。另外在ie6浏览器下,sIFR区域内不支持鼠标滚轮。

优点:如果使用图片来做标题,修改费时费力;而且WebMarketingNow和Search Engine Academy根据长期测试研究认为,目前,三大主流搜索引擎Google, Yahoo!和MSN的搜索引擎排名算法规则中不再将图片ALT属性中的文本信息作为判断网页内容相关性的有效因素。(搜索引擎算法的资料信息为推测数据,不可全信,即使是真的,也随时有可能会做新的调整。)

(责任编辑:大宝库)


------分隔线----------------------------
推荐内容
赞助商链接
赞助商链接