sIFR网页字体替换技术

sifr阿宏在2005年翻译了一篇2004年的技术文稿 《如何以及何时使用sIFR》

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

实现方法:

  1. 选择合适的SWF生成工具:
    http://ianpurton.com/sifr/ or http://www.sifrgenerator.com/wizard.html
  2. 原理及调用方法:
    通过生成的JS文件,sIFR.replaceElement(“h2”)替换掉自己网站中对应标签内的文字。当访问者不支持JS的时候(例如手机访问),样式表内的visibility: visible!important就不会生效。(题外话,虽然都是隐藏内容,但是display:none会把占用的空间抹掉,而visibility会保留他占用的空间。)
  3. 官方参考资料(文章底部有FLA源文件下载):
    http://www.mikeindustries.com/blog/sifr/

优缺点:

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

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

崔凯博客
Powered by WordPress | Theme by ck web design | TOP 顶部
Copyright © 崔凯 All rights reserved. 蜀ICP备12025891号.