获取一个简单的cufon脚本来工作

Question

我是cufon的新手，我在面试中遇到了一些问题。我试图让cufon与我的html一起工作。我正在尝试一个基本脚本（如将h1标签更改为不同的字体）。

例子：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
    <script type="text/javascript" src="{{STATIC_URL}}js/cufon-yui.js"></script> 
    <script type="text/javascript"> 
     Cufon.replace('h1',{font-family: "Tahoma"}); 
    </script> 

h1标签似乎并没有改变。不知道错误在哪里。我已经包含了jquery lib，cufon js，但它不起作用。需要一些指导..谢谢...

Answer 1

您需要使用上http://cufon.shoqolate.com/generate/的工具，你要使用到一个js文件中的字体转换。

在此之后，你只需要链接到它（假设你想使用宋体和{{STATIC_URL}}被变成了正确的路径）：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="{{STATIC_URL}}js/cufon-yui.js"></script> 
<script type="text/javascript" src="{{STATIC_URL}}js/tahoma.js"></script> 
<script type="text/javascript"> 
    Cufon.replace('h1'); 
</script> 

不要忘了刚刚闭幕</body>之前添加<script type="text/javascript"> Cufon.now();</script>标签，使IE的行为。更多信息可以在https://github.com/sorccu/cufon/wiki/Usage找到。