编辑中的wordpress双引号问题

Question

在H3 标签内使用双引号时，我遇到了一个奇怪的问题。图片中的开头引用变得混乱。

wordpress版本：3.2

编辑：tinyMCE 3.3.9.3

当前页面网址：http://cratecreative.com/goldburdmccone/free-case-evaluation/

由于

Answer 1

问题原因

引号的错位似乎是由于你的h3元素被canvas元素替换为cufon-yui.js脚本，因为当我在你的网站上禁用JavaScript时，我注意到引号是正确的对齐（因此它与您的CSS无关）。

其他问题：IE9不兼容

我也通过我对another SO problem的cufon的研究发现它有时在IE9中不起作用，我已经确认了你的网站的情况。根据您使用的IE9版本，您网站上的h3和其他标题元素根本不会显示。

可能的解决方案

修复1.升级Cufon

根据Cufon's FAQ第8项，IE9不兼容性问题已修复在其较新版本的代码中（您可能未使用），并且可以从其主站点下载：

  

这是在1.09i中修复的。只需下载   来自官方的新cufon-yui.js   网站，你很高兴去。这完全是   向后兼容。

升级到更新的Cufon解决方案也可以解决您的引号错位问题，但我不确定。

修复2.使用IE条件注释

根据相同的Cufon常见问题解答，如果您不想升级您的Cufon版本，您可以在调用Cufon.replace()之前在html中放置以下代码：

<!--[if gte IE 9]>
    <script type="text/javascript">
        Cufon.set('engine', 'canvas');
    </script>
<![endif]-->

作为替代方案，他们还提供了有关如何强制IE9像IE7或8一样运行的说明。

这些解决方案应该解决IE9不兼容问题，但我不确定它们是否会解决引号错位问题。

修复3.使用Typekit而不是

您可能也有兴趣尝试使用Typekit，根据cufon main site，它还具有文本可选的优势，目前它没有使用Cufon：

  

你可能也想要这个   机会[尝试Typekit] [1]，托管，   @ font-face-based替代方案。是，   这意味着他们支持文本   选择。这是最简单的方法   拥抱标准。

使用Typekit肯定会解决你的标题元素没有出现在IE 9中的问题，也可能解决引号错位问题。

修复4.完全删除特殊字体

您也可以选择不使用这些JavaScript注入的特殊字体之一。