问题描述
|
我在H3标签内使用双引号时遇到了一个奇怪的问题。
wordpress版本:3.2
编辑者:tinyMCE 3.3.9.3
当前页面网址:http://cratecreative.com/goldburdmccone/free-case-evaluation/
谢谢
解决方法
问题原因
似乎引号未对齐是由于您的h3元素被canvas元素替换为
cufon-yui.js
脚本,因为当我在您的网站上禁用JavaScript时,我注意到引号随后已正确对齐(因此,用CSS做)。
附加问题:IE9不兼容
通过对cufon的研究,我还发现了另一个SO问题,该问题有时在IE9中不起作用,我已经确认您的网站就是这种情况。根据您使用的IE9版本,网站上的h3和其他标头元素根本不会显示。
可能的解决方案
修复1.升级Cufon
根据Cufon的常见问题解答(项目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主站点,它也具有文本可选的优势,目前它不使用Cufon:
您可能还想吃这个
有机会[尝试Typekit] [1],托管,
基于@ font-face的替代方法。是,
这表示他们支持文字
选择。这是最简单的方法
接受标准。
使用Typekit肯定会解决您的标头元素未在IE 9中显示的问题,并且也可能会解决引号未对齐的问题。
修复4.完全删除特殊字体
您还可以选择完全不使用这些JavaScript注入的特殊字体之一。