h1和h2类未显示在Internet Explorer中

Question

我无法在Internet Explorer中获取h1和h2标签显示.我查看了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;
}

链接:http://ItsNotch.com/experience

Answer 1

问题的原因

kfon-yui.js脚本似乎用canvas元素替换了h1元素.根据此常见问题解答,众所周知,它不适用于IE 9 Beta.

第一解决方案

但是,他们声称在他们的官方网站上提供的1.09i版本中有一个修复程序.

二解决方案

如果您查看FAQ的第8项,他们会说如果您不想更新您的js文件,您可以尝试其他一些代码:

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

请阅读常见问题解答以获取进一 我不确定它是否会起作用,只是一个警告.

第三解决方案

您可能也有兴趣尝试使用Typekit,根据cufon主站点,它也具有文本可选的优势,目前它不使用cufon:

您可能还想借此机会尝试Typekit,一种托管的,基于@ font-face的替代方案.是的,这意味着他们支持文本选择.这是接受标准的最简单方法.

第四解决方案

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