IE8 - 字体抗锯齿奇怪的行为（带打印。示例）答案

【问题标题】：IE8 - Font anti-alias strange behaviour (w/ prints. example)IE8 - 字体抗锯齿奇怪的行为（带打印。示例）
【发布时间】：2010-10-06 20:57:52
【问题描述】：

作为每个网络开发人员，我已经厌倦了 Internet Explorer... 我正在开发一个新网站并使用字体（问题可能不相关，但以防万一......）：

@font-face {
    font-family: 'ArabicTypesettingRegular';
    src: url('arabtype-webfont.eot');
    src: local('☺'), url('../../../partilhado/fontes/arabtype-webfont.woff') format('woff'), url('../../../partilhado/fontes/arabtype-webfont.ttf') format('truetype'), url('../../../partilhado/fontes/arabtype-webfont.svg#webfontz5xQb9Ii') format('svg');
    font-weight: normal;
    font-style: normal;
}

我面临的问题与抗锯齿/字体平滑有关...它在每个浏览器中都可以正常工作，但 IE8（我不关心旧版本）...稍微复杂一点更多一点，它适用于某些标题，但在其他一些标题中它失败了.. 我可以保证元素共享相同的类，正如您在我的示例中看到的那样 HIGHER RESOLUTION IMAGE HERE..

Css 类：

.title{
font-family:"Arabic Typesetting";
font-size:24px;
margin-top:10px;
}

我尝试将它从 'px' 更改为 'pt' 但它没有解决我的问题...

[EDIT] 我删除了 font-face 并且使用 Arial 问题仍然是一样的...[/EDIT]

你有什么想法吗？或者一些关于这个问题的cmets...

提前致谢，

佩德罗

【问题讨论】：

相关：stackoverflow.com/questions/761778/…
我在发布我的问题之前读过它......它对我没有帮助，因为它说“IE6 不支持字体平滑/抗锯齿”。我知道，我的问题只与 IE8 有关。还是谢谢

标签： css internet-explorer internet-explorer-8 font-face antialiasing

【解决方案1】：

我想您在第一个标题的背景上使用了 css 过滤器 alpha opacity。
它取消了抗锯齿。
你会找到一个修复（添加和删除背景颜色）here。

【讨论】：

我使用的是 PNG24 1x1 图像作为该背景。我解决了我的问题。它实际上与该图像有关。我将其更改为纯色背景颜色，字体不再锐化。然而，对我来说奇怪的是其他文本（在右侧）也超过了具有透明度的 PNG24（在该图像中可能不明显）并且 IE 对其进行了平滑.. 奇怪，不是吗？感谢您的帮助！