Cufon中文字符无法识别的解决方案

Cufon官方并不支持中文,所以很多收费主题里带了Cufon字体,写了中文就不识别了nogoogle一番,发现很多人遇到同样的问题,归纳了一下解决方法,大致有如下几种。

方法一,使用中文字体的js文件,目前有一个做好的,是微软雅黑字体,中英文都支持的,只要使用这个字体就可以万无一失了,缺点是只有一种字体,不支持粗体、斜体等样式,看着比较单调。

使用时如下设置即可

Cufon.replace ('#id', {fontFamily: 'Microsoft YaHei'});

或者

Cufon.set('fontFamily', 'Microsoft YaHei');

Cufon.replace ('#id',{…});

下载地址:Microsoft YaHei 已下载 685 次

方法二,使用自助生成平台生成自己需要的中文字体,地址是http://www.cufon-font.com/generate/font_choice.php

单击选择一种字体,点击rendering it即可查看渲染后的字体效果,点击Get Cufon Js获得该字体的js代码,保存成js文件引用即可。注意,你的渲染结果里看到多少字符,你就能使用多少字符,里面没有的你是用不了的。对于英文,只需要26个英文字母和一些常用符号即可,字体文件体积比较小。中文则非常不同,你需要使用哪个汉字,就要将这个汉子的代码添加进去,如果将全部常用字加进去,代码体积会很大,例如方法一中的文件就有1m多

为了缩小体积,你可以仅仅生成你需要的汉子的代码,方法是在网页底下的“Input your letter for rendering”中填上你要渲染的汉字,选择一种字体,然后点击“Do it”按钮,就可以看到渲染结果,点击Get Cufon Js按钮获得js代码。

如果不知道该字体的名字,可以到你生成的字体文件中找Cufon.registerFont字样,在后面的大括号中"font-family"后面的就是字体的名称。

Cufon是一种很好的网页字体解决方案,希望能尽快找到一种中文字体替代的好方案

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
***文件中包含3500常用汉字+数字+英文大小写**** 调用示例: 引入<script type="text/javascript"src="js/cufon-yui.js"></script> <script type="text/javascript"src="js/ZHSRXT.js"></script>文件 <script type="text/javascript"> Cufon.replace("h2"); Cufon.set("fontFamily","ZHSRXT-GBK"); Cufon.set("fontSize","32px"); Cufon.set("color","green"); </script> /////////////////////////////////////////// Cufon 是一个用来替代 sIFR 框架,作为一种基于 JavaScript 的网页字体引入方案Cufon 的核心功能是通过一个名为“cufon-yui.js” 的 JavaScript 类库,提供给开发人员的。在web开发中,经常面对的一种“冲突”,即“字体(Font Family)冲突”。   通常的这一冲突总是爆发于 Web 页面的设计者(Designer)和开发者(Coder)之间。在很多场合下,Web 页面的设计者都会倾向于在他们的页面设计稿中,为文字附加使用一些“特殊”的字体和特效,以此来展示他们卓越的设计能力。比如设计一个公司的Logo,图片上的一些特殊字体是从ps字库中调出的,当然这些文字在图片上显示肯定是没有问题的,但是如果要在网页中用文本来显示这些效果,就是会让开发人员抓狂了,因为浏览器并不支持所有的字体,这种情况Cufon就会大显身手了。 Cufon 技术的实现策略其实就是以一定标准,在网页相关位置上“画”出了所需要显示的文字字符,并同时替换原先区域所需要显示的文字。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值