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

时间:2010-06-23 16:55:45

标签: css internet-explorer cufon

我遇到了最奇怪的问题。我正在使用Cufon为Wordpress构建主题。 Cufon在Chrome和Firefox中完美运行,但是我无法在IE中进行渲染,因此,由于我还处于开发阶段,我将问题放在一边以便稍后处理。

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

然后,愚蠢地,我覆盖了旧的CSS代码,在我的编辑之前还原,并且Cufon再次破产。因为我不知道我做了什么来解决它,所以我处在一个绑定中,但现在我知道它可以完成。

我用Google搜索并用Google搜索,我似乎无法找到任何理由为什么会出现这种情况。 CSS验证。 HTML验证。 Firefox Error consol在页面加载时没有显示错误。它似乎是一个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>

开发网站位于:[已删除链接]

我肯定会感激一些帮助。有没有人有任何想法?

2 个答案:

答案 0 :(得分:0)

您可能需要IE的Sizzle Selector实用程序,它与Cufon一起使用,因为所有替换都是非基本字符串(如H2li)。

答案 1 :(得分:0)

最新版本的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