h1 和 h2 类未显示在 Internet Explorer 中

我无法获取h1 and h2标签完全显示在 Internet Explorer 中。我查看了 CSS 文件，但仍然不明白为什么它不能在 IE9 上运行。

以下是 IE 中未显示的标题的 CSS 代码：

.person h1
{ 
  color: #475261; 
  font-size: 48px;
  font-weight: 400; 
  letter-spacing: -1px;
  margin-left: -60px; 
}

.item h2
{ 
  color: #06A; 
  font-family: Georgia, serif;
  font-size: 22px;
  font-weight: 400; 
  letter-spacing: -1px; 
}

.item h2 a
{
  color: #06A;
  text-decoration: none;
}

Link: http://ItsNotch.com/experience

问题原因

看来 h1 元素正在被 cufon-yui.js 脚本替换为 canvas 元素。根据this FAQ，已知它在 IE 9 Beta 中不起作用。

第一个解决方案

不过，他们表示 1.09i 版本中有一个修复程序，网址为他们的官方网站.

第二种解决方案

如果您查看常见问题解答的第 8 项，他们说如果您不想更新 js 文件，您可以尝试其他代码：

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

请阅读常见问题解答以获取更多说明。我不确定它是否会起作用，只是一个警告。

第三种解决方案

您可能还有兴趣尝试Typekit相反，根据库丰主网站，还具有文本可选择的优点，目前不使用 cufon：

您可能还想采取这个 机会尝试 Typekit, 主持, 基于@font-face 的替代方案。是的， 这意味着他们支持文本 选择。这是最简单的方法 拥抱标准。

第四种方案

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