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属性中的文本信息作为判断网页内容相关性的有效因素。（搜索引擎算法的资料信息为推测数据，不可全信，即使是真的，也随时有可能会做新的调整。）

这篇日志的二维码，扫描一下进行收藏：