1

我第一次尝试使用 Cufon 给我带来了一些问题，因为我似乎无法让它工作。Coda 的 Javascript 日志给了我这个错误 (ReferenceError: Can't find variable: 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>

谢谢。

4

2 回答 2

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>
于 2012-04-27T18:06:10.233 回答
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

于 2012-04-27T18:29:29.830 回答