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。生成的输出确实有 和 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我没有将 localhost 列为授权域。愚蠢的我。
I hadn't listed localhost as an authorized domain. Silly me.
我总是包含字体家族名称:
I've always included the fontFamily name: