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文件。

之后，你只需要链接到它（假设你想使用tahoma并且{{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>

不要忘记在结束<script type="text/javascript"> Cufon.now();</script>标记之前添加</body>以使IE运行。更多信息可以在https://github.com/sorccu/cufon/wiki/Usage找到。

获得一个简单的cufon脚本工作

1 个答案: