Cufon加载但不显示

时间:2010-11-27 03:18:31

标签: javascript css fonts cufon

测试用例:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<script type="text/javascript" src="/cufon.js"></script>
<script type="text/javascript" src="/font.font.js"></script>
</head>
<body>
<h1>Text</h1>
<script type="text/javascript">
    Cufon.replace('h1');
</script>
</body>
</html>

其中“cufon.js”是最新版本(与主站点的最小化版本相同,GitHub的非最小化版本相同),“font.font.js”是从cufon的网站子集到拉丁语的生成字体

浏览器没有报告HTTP,HTML,CSS或JS错误,但IE 8,FF 3.6或Safari 5中没有生成VML。生成的输出确实有<html class="cufon-active cufon-ready">和Cufon内联样式,但就是这样。

我也试过,但无济于事:

  • 切换脚本出现的位置(</head>之前和</body>之前)
  • 在Cufon之前调用jQuery
  • 使用内联CSS
  • 手动声明font.font.js中指定的font-family
  • DOCTYPE从HTML5更改为XHTML 1.1或HTML 4.01 Strict

2 个答案:

答案 0 :(得分:2)

我没有将localhost列为授权域名。傻我。

答案 1 :(得分:1)

我总是包含fontFamily名称:

Cufon.replace('#search-button', { fontFamily: 'Futura', hover: true });