Cufon加载但不显示

发布于 2024-10-04 06:37:04 字数 876 浏览 4 评论 0原文

测试用例:

<!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。生成的输出确实有 和 Cufon 内联样式,但仅此而已。

我也尝试过,但无济于事:

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

Test case:

<!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>

where "cufon.js" is the latest version (same result with minimized version from the main site and non-minimized version from GitHub), and "font.font.js" is a generated font from cufon's website subset to Latin.

There are no HTTP, HTML, CSS, or JS errors reported by the browser, and yet no VML is generated in IE 8, FF 3.6, or Safari 5. Generated output does have <html class="cufon-active cufon-ready"> and Cufon inline styles, but that's it.

I've also tried, to no avail:

  • Switching where the scripts appear (before </head> and before </body>)
  • Calling jQuery before Cufon
  • Manually declaring the font-family specified in font.font.js using inline CSS
  • Changing the DOCTYPE from HTML5 to XHTML 1.1 or HTML 4.01 Strict

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

败给现实 2024-10-11 06:37:04

我没有将 localhost 列为授权域。愚蠢的我。

I hadn't listed localhost as an authorized domain. Silly me.

紫罗兰の梦幻 2024-10-11 06:37:04

我总是包含字体家族名称:

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

I've always included the fontFamily name:

Cufon.replace('#search-button', { fontFamily: 'Futura', hover: true });
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文