IE8中的font-face问题

Question

我开始在网站上使用font-face。我已经包含了Fontsquirrel的免费字体，名为Chunk Five（http://www.fontsquirrel.com/fonts/ChunkFive），它支持IE（EOT字体）。

然而，当我实施它时，一些字母看起来“压扁”，这使它看起来非常难看。

以下是Chrome浏览器的外观（带文字阴影）：

以下是它在IE8下的外观：

e，m和看起来很糟糕。

这是字体的问题吗？还是我用的CSS？还是IE8？

Answer 1

我凭经验发现，添加MS过滤器，即使是假过滤器，也会呈现完全不同质量的文本。也许是因为它会在ClearType或类似的东西上触发DirectX渲染。

只需尝试将此添加到您的CSS并查看结果：

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(stupidIE);

Answer 2

可以用JS添加阴影吗？ CSS：

h1,  h2{ text-shadow: 2px 2px 2px #ddd;}

添加Jquery：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>

添加脚本文件：

<script src="js/jquery.textshadow.js" type="text/javascript"></script>

JS代码：

<script type="text/javascript">
// <![CDATA[
    jQuery(document).ready(function(){
        jQuery("h1, h2").textShadow();
    })
// ]]>
</script>

您可以在此处找到Jquery shadow插件http://plugins.jquery.com/project/textshadow

Answer 3

我认为它与奇怪的字体大小有关。尝试应用均匀的字体大小，渲染应该是正确的。