本文标签: cufon , Font , JavaScript , js
终于找到了一个可以解决自定义网页文字显示的东东了,确切说是支持中文显示。呵呵 之前做过一个文件,生成后有30M多,吓死人了!!!现在好了,哈哈~赶紧去试下cufon-font去 哈哈~~~
推荐给大家哦 ~~
Cufon 是一个用来替代 sIFR 框架,作为一种基于 JavaScript 的网页字体引入方案, Cufon 的核心功能是通过一个名为“cufon-yui.js” 的 JavaScript 类库,提供给开发人员的。在web开发中,经常面对的一种“冲突”,即“字体(Font Family)冲突”。
通常的这一冲突总是爆发于 Web 页面的设计者(Designer)和开发者(Coder)之间。在很多场合下,Web 页面的设计者都会倾向于在他们的页面设计稿中,为文字附加使用一些“特殊”的字体和特效,以此来展示他们卓越的设计能力。
比如设计一个公司的Logo,图片上的一些特殊字体是从ps字库中调出的,当然这些文字在图片上显示肯定是没有问题的,但是如果要在网页中用文本来显示这些效果,就是会让开发人员抓狂了,因为浏览器并不支持所有的字体,这种情况Cufon就会大显身手了。
Cufon 技术的实现策略其实就是以一定标准,在网页相关位置上“画”出了所需要显示的文字字符,并同时替换原先区域所需要显示的文字。 借助于浏览器所推出的专有页面绘画方案,如 VML、Canvas 和 SVG 等,来进行页面的绘画。
以下是一个用微软雅黑作为标题字体的渲染:http://www.cycoo.net/demo/cufon/demo_cn.htm
现在地址是:http://www.cufon-font.com/
cufon 网页字体英文渲染演示:http://www.cycoo.net/demo/cufon/index.htm
另外强调一下, 字体生成工具是可以选择性的生成文字,以免js过大,特别是中文字体,一般用于标题等内容,则可以选择性的生成js,不必整个字库都生成:自助选取中文Cufon字体网站:http://www.cufon-font.com/
这里有个在制作企业网站中cufon字体渲染菜单的应用实例:http://www.delphi-connectors.com/
我为人人,人人为我。
下载官方的原代码,修改一下,能否把某个字体,比如 微软雅黑子体中单个汉字的js代码存在数据库,这样只要生成一次,以后谁要那些字,直接从数据库中读取,按照cufon的JS的格式输出就可以了,这样无 需每次都上传字体文件,去调用fontfroge字体引擎转换,节省许多时间,方便群众。。
Cufon中文字体JS 选择生成平台已经做出来了,虽然粗糙一点,但无需再到国外的平台上去了,目前有几种字体,大家可以去自己选择输入一些文字内容,生成最小的JS http://www.cufon-font.com/generate/font_choice.php
http://www.cufon-font.com/ 这是现在的地址哦 嘎嘎
声明: 本文由( 炫酷网站设计建设 )原创编译,转载请保留链接: cufon -中文字体渲染实例