我第一次使用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>
感谢。
答案 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