IE8 中的字体问题

Question

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

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

这是它在 Chrome 下的样子（带有文本阴影）：

这是在 IE8 下的外观：

e、m 和 看起来很糟糕。

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

Answer 1

可以用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影子插件你可以在这里找到http://plugins。 jquery.com/project/textshadow

Answer 2

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