Cufon 加载但不显示答案

【问题标题】：Cufon Loading But Not DisplayingCufon 加载但不显示
【发布时间】：2011-05-16 10:54:05
【问题描述】：

测试用例：

<!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 中指定的字体系列
将DOCTYPE 从 HTML5 更改为 XHTML 1.1 或 HTML 4.01 Strict

【问题讨论】：

您不必指定要替换的已注册字体名称吗？
当我使用我已经生成并且知道可以工作的字体文件进行测试时，您的测试用例对我来说很好，并且语法看起来很好。您确定字体文件正在加载并被正确引用，并且它包含必要的字形吗？这可能是一个错误：生成特定字体的 Cufon 版本。

标签： javascript css fonts cufon

【解决方案1】：

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

【讨论】：

【解决方案2】：

我总是包含 fontFamily 名称：

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

【讨论】：