网页设计师往往都有很不错的审美观，设计出来的页面也很绚丽多彩。 但psd里面用到的很多漂亮的字体，却无法在网页中通过传统的font-family属性来展现出来，从而只能将其切成图片来显示。或者退而求其次，用一些比较常见的字体。 人们想出来很多方法来解决这一问题，cufon是很不错的一种。

第一步：cufon的本质是一个开源的javascript类库，用javascript的方式来展现字体。因此第一步必须先引入改javascript类库。该类库的名字叫cufon-yui.js， 可以在cufon的官网下载。

第二步：下面我们需要引入该字体的javascript文件了。 那么字体的js文件在哪呢？  cufon官网为我们提供了一个很好用的在线工具。 点击“在线工具”链接到达cufon官网后，选择并上传你想使用的字体文件。 比如如果你想使用Arial这种字体，就上传ARIAL.TTF(该文件可以在你C盘windows文件下的fonts文件夹找到，不同系统会有差别)。 上传后你就可以点击“Let’s do this”来生成字体文件了。  下载该字体文件Arial_400.font.js并引入到你的网页中。

第三步：我们引入了cufon的核心js文件，然后下载并引入了字体js文件，接下来还差什么呢？ 对，我们是不是应该来配置一下呢。 并不是引入了前两个cufon的js文件，网页中的字体就都会被替换掉。 可能我们只是需要替换掉一些特定的html标签内的文字。 下面我们来引入第三个javascript文件 cufon-replace.js。 我们从哪里下载这个文件呢，最简单的方法是自己建一个新文件。 下面举个简单的例子，我想替换掉所有的p标签文字为Arial字体，那么我可以在cufon-replace.js里面加入如下代码  Cufon.replace(‘p’, { fontFamily: ‘Arial’, color: ‘-linear-gradient(#304d69, #304d69, #000000)’}); 这样所有的p标签就会用我们定义的Arial样式。 而我们定义的color将会是文字从上到下的颜色渐变。 更详细的定义方式，可以查看官网。

不多说了，自己试试吧。[author] [author_image]http://www.willpress.com/wp-content/uploads/2011/04/WhoisKevin.jpg[/author_image] [author_info]天津wordpress交流QQ群号：48269680

天津wordpress寻求兼职者请联系QQ：278119006

我家有头宠物猪[/author_info] [/author]