【问题标题】：wordpress double quotes issue in editor编辑器中的wordpress双引号问题
【发布时间】：2011-06-20 05:30:33
【问题描述】：

我在使用 H3 中的双引号标签时遇到了奇怪的问题。开头的引号变得像图片中一样乱七八糟。

wordpress 版本：3.2

编辑器：tinyMCE 3.3.9.3

谢谢

【问题讨论】：

当你关闭 javascript 时，它看起来很好。您是否使用 javascript 加载特殊字体？
@keoki:我不太确定，我用的是eco bidz主题。
@gowri 我看了看你网站的javascript代码，你确实在加载一种特殊的字体。我不知道为什么它会导致这个问题，但如果你没有它也能过得去，那么你的页面看起来会很好。你知道如何使用 Firefox Firebug 吗？如果你用它检查标题，你会看到 javascript 将 H3 变成了一堆画布元素，有点奇怪。
@keoki：是的，我明白你的意思。 cufon 字体正在应用。我能克服这个吗？有什么解决办法吗？
@gowri 顺便说一句，自定义字体在 IE 9 中似乎不起作用，您自己尝试了吗？

【解决方案1】：

问题原因

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

其他问题：IE9 不兼容

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

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

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

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

根据相同的 Cufon FAQ，如果您不想升级您的 Cufon 版本，您可以在调用 Cufon.replace() 之前将以下代码放在您的 html 中：

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

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

这些解决方案应该可以解决 IE9 不兼容问题，但我不确定它们是否会解决引号未对齐问题。

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

你可能还想拿这个有机会 [尝试 Typekit][1]，一个托管的，基于@font-face 的替代方案。是的，这意味着他们支持文本选择。这是最简单的方法接受标准。

使用 Typekit 肯定会解决你的 header 元素在 IE 9 中不显示的问题，也可能解决引号未对齐的问题。

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

【讨论】：