Cufon控制台错误,不替换字体。 (ReferenceError:找不到变量:Cufon)

时间:2012-04-27 15:21:46

标签: javascript html cufon

我第一次使用Cufon的尝试给我带来了一些问题,因为我似乎无法让它发挥作用。 Coda的Javascript日志给了我这个错误(ReferenceError:找不到变量:Cufon)从一些教程我跟着他们正好反复下载库一遍又一遍没有任何工作。如果你们可以看看并帮助我,我将非常感激。

这是我的代码;

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title>Test</title>
    <!-- Styles go here -->
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" href="css/style.css" />
    <!-- End styles here -->

    <!-- Scripts go here -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script type="text/javascript" src="scripts/A.font.js"></script>
    <script type="text/javascript" src="scripts/cufon.js"></script>

    <script type="text/javascript">
        Cufon.replace("p");
    </script>
    <!-- Scripts end here -->
</head>

<body>

<p>Test</p>
Test

</body>
</html>

感谢。

2 个答案:

答案 0 :(得分:1)

发生此错误的原因是您在加载了需要它的字体后加载了Cufon,因此请尝试更改顺序,先加载cufon.js

<script type="text/javascript" src="scripts/cufon.js"></script>

然后加载A.font.js

<script type="text/javascript" src="scripts/A.font.js"></script>

答案 1 :(得分:0)

我知道这并没有直接回答你的问题,但请不要使用Cufon。请改用CSS 2.1的@ font-face。它非常容易且100%可访问,而Cufon则不然。

以下是您在CSS中使用@ font-face所需的唯一2个链接:

http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax http://www.fontsquirrel.com/fontface/generator