使用Cufon不显示中文字符的解决方法

Thu, Oct 18, 2012

Cufon 是一个用来替代 sIFR 框架， 实现在网页中对文字字体进行渲染功能的纯 JavaScript 开源类库(cufon-yui.js)。 为什么要使用 Cufon： 在web开发中，经常面对的一种“冲突”，即“字体（Font Family）冲突”。 通常的这一冲突总是爆发于 Web 页面的设计者（Designer）和开发者（Coder）之间。在很多场合下，Web 页面的设计者都会倾向于在他们的页面设计稿中，为文字附加使用一些“特殊”的字体和特效，以此来展示他们卓越的设计能力。比如设计一个公司的Logo，图 片上的一些特殊字体是从ps字库中调出的，当然这些文字在图片上显示肯定是没有问题的，但是如果要在网页中用文本来显示这些效果，就是会让开发人员抓狂 了，因为浏览器并不支持所有的字体，这种情况Cufon就会大显身手了。

由此我们可以看出原来是Cufon在捣乱,因为它不支持中文字体的缘故所以中文字符都无法显示.

那么知道核心问题我们就知道该如何解决了,只要找到对应的目录文件和引用的地方给它删除了就可以了. 一般引用文件基本都是在header.php中,直接用编辑器的查找功能查找关键词”Cufon”即可. 找到引用的哪行然后删除即可.当然为了文件的整洁,多余的文件也可以删除,一般都在js目录中.

如我的项目是在.js里面

[code]

Cufon.replace(’#nav>ul>li’,{ hoverables: { li: true }, hover:true }); Cufon.replace(‘h1’,{ hover:true }); Cufon.replace(‘h2’,{ hover:true

}); Cufon.replace(‘h3’,{ hover:true

}); Cufon.replace(‘h4’,{ hover:true });

[/code]

删除这几行即可