Cufon是一个文本替换JavaScript库。 它与代码库中的sIFR无关,但是不需要Flash文件即可完成相同的操作。 设置大约需要5分钟,然后您无需再次触摸它。 再简单不过,它会对您网站的外观产生重大影响。
这个怎么运作
第一步是通过Cufon网站提交字体。 他们将字体处理为SVG(可缩放矢量图形)字体。 然后将路径获取处理为VML(矢量标记语言),这大大提高了IE中Cufon的速度。 然后将生成的数据编码为JSON,然后传递给Cufon定义的函数进行处理,这就是神奇的地方。
库方实例
首先,转到Cufon网站,然后提交字体文件进行处理。 它将吐出一个.js文件供您下载。 您必须具有此文件,Cufon才能将文本翻译成您选择的字体。
接下来,同时包含cufon-yui.js文件和生成的字体javascript文件。 最后只是将一些文本包装在一个类中,然后围绕该类名称启动Cufon替换。 完整代码如下:
这是Molot字体的文本
结果是:
这是Molot字体的文本
Cufon Lineheight
所有具有行高的浏览器都存在一个已知问题,该问题可能无法解决
Cufon.now()
为了获得更好的IE浏览体验,建议您在body标签之前调用函数Cufon.now()。 这样可以避免在页面加载然后字体加载时可能发生的瞬时过渡。