IE8中的font-face问题

我已经开始使用font-face作为网站。我已经包含一个由Fontsquirrel提供的名为Chunk Five的免费字体（http://www.fontsquirrel.com/fonts/ChunkFive），它支持IE（EOT字体）。IE8中的font-face问题

但是，当我实施它时，一些字母看起来'压扁'，这使得它看起来很丑。

这里是它的外观镀铬下（与文字阴影）： enter image description here

这里是它的外观IE8下：

Font under IE8

电子的，男的和的看起来很糟糕。

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

来源

2011-09-30 Squrler

评论，因为没有真正的答案。这是一个综合因素：屏幕渲染，浏览器的文本渲染引擎和IE浏览器的字体暗示了Windows ClearType引擎的特定设置。 TypeKit博客上的这些类别可以进一步阅读：http://blog.typekit.com/category/optimizing-fonts-for-the-web/和http://blog.typekit.com/category/type-rendering/ –

谢谢你的评论。我会研究这些链接。 – Squrler

可能会添加阴影与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

来源

2011-09-30 18:50:18 WaNgeL

感谢您的回复，但不幸的是，这并不能解释某些字母的“压扁”性质，而这正是我期待解决的问题。 – Squrler

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

来源

2011-10-14 09:16:01 Kristof

谢谢，我会尽力的！ – Squrler

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

只要给一个尝试添加给你的CSS和看到的结果：

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

来源

2011-10-14 09:26:38 achairapart

谢谢，试试吧！ – Squrler

IE8中的font-face问题

回答

相关问题