IE8中的字体问题答案

【问题标题】：font-face issue in IE8IE8中的字体问题
【发布时间】：2011-09-30 14:56:26
【问题描述】：

我已经开始为网站使用字体。我包含了一个由 Fontsquirrel 提供的免费字体，称为 Chunk Five (http://www.fontsquirrel.com/fonts/ChunkFive)，它支持 IE（EOT 字体）。

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

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

这是它在 IE8 下的样子：

e、m 和 ' 看起来很糟糕。

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

【问题讨论】：

评论是因为没有真正的答案。它是多种因素的组合：屏幕渲染的字体提示程度、浏览器的文本渲染引擎以及（在 IE 的情况下）Windows ClearType 引擎的特定设置。 TypeKit 博客上的这些类别是很好的进一步阅读：blog.typekit.com/category/optimizing-fonts-for-the-web 和 blog.typekit.com/category/type-rendering
感谢您的评论。我会研究这些链接。

【解决方案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>

【讨论】：

【解决方案2】：

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

【讨论】：