Cufon 在 IE 中不工作 - 一个 CSS 问题答案

【问题标题】：Cufon Not Working in IE - A CSS IssueCufon 在 IE 中不工作 - 一个 CSS 问题
【发布时间】：2010-06-23 16:55:44
【问题描述】：

我遇到了最奇怪的问题。我正在使用 Cufon 为 Wordpress 构建一个主题。 Cufon 在 Chrome 和 Firefox 中完美运行，但我无法让它在 IE 中呈现，因此，由于我仍在开发中，我将问题放在一边待会处理。

昨天的某个时候，我正在摆弄我的主题中的其他 CSS 元素。后来，我在IE8中打开主题测试对齐，而wallah，Cufon已经开始工作了。我不知道为什么，因为我已经更改了相当多的 CSS，但是嘿 - 只要它有效。

然后，愚蠢地，我覆盖了我的旧 CSS 代码，恢复到我的编辑之前，Cufon 又坏了。因为我一开始不知道我做了什么来修复它，所以我陷入了困境，但现在我知道它可以完成。

我用谷歌搜索和搜索，我似乎找不到任何理由说明为什么会出现这种情况。 CSS 验证。 HTML 验证。 Firefox 错误控制台在页面加载时没有显示错误。这似乎是一个 CSS 问题，因为这是唯一更改的文件。

如果有什么不同，我会在 Wordpress 3.0 上构建。

我将 Cufon 嵌入到每个页面的标题中：

    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/cufon-yui.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/Yanone_Kaffeesatz_Rg_400.font.js"></script>
<script type="text/javascript">
    Cufon.replace('h2.posttitle');
    Cufon.replace('#topnav > ul > li');
    Cufon.replace('.rightwidget > h2');
    Cufon.replace('.footerrightli > h2');
    Cufon.replace('.footerleftli > h2');
    Cufon.replace('.footermiddleli > h2');
    </script>

开发站点在这里：[链接已删除]

我当然会很感激一些帮助。有人有什么想法吗？

【问题讨论】：

我认为这里有一个教训：使用 git/bzr/etc 之类的版本控制系统（实际上每天使用不止一次），这样您就可以对所有文件进行适当的修订。
哈，是的，这绝对是一节课。另一个教训是“在继续之前花时间弄清楚你是如何解决问题的”。这是我现在正在学习的课程。
查看最终的 HTML 输出（可以使用视图源）和完整的 CSS 会很有帮助。

标签： css internet-explorer cufon

【解决方案1】：

您可能需要 IE 的 Sizzle Selector 实用程序，它与 Cufon 配合使用，因为您的所有替换都是非基本字符串（如 H2、li）。

【讨论】：

【解决方案2】：

最新版本的 cufon 脚本适用于 IE9。确保在 WordPress 的主题或插件目录中安装了 v1.09i 或更高版本。

例如，为了在我们的网站上修复我们的自定义主题，以便 H1/H2/H3 标签使用 cufon 字体（它们在 IE9 中显示为空白），我们将最新下载拉到我们的服务器并放入我们主题的 ./js / 目录为“cufon-yui.js”。问题解决了。

从以下位置下载： http://cufon.shoqolate.com/generate/

有关此问题的支持文档： https://github.com/sorccu/cufon/wiki/faq#wiki-faq-1

【讨论】：