Anonim

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()。 这样可以避免在页面加载然后字体加载时可能发生的瞬时过渡。

IE9问题

截至本文发布时,某些版本的IE9存在一些问题,我知道他们正在努力解决这些问题,并希望尽快发布以解决这些问题。

使用cufon字体替换的样式字体