css - IE8 - 字体反别名奇怪行为(w/prints.example)

Question

作为每个网络开发人员，我都厌倦了 Internet Explorer... 我正在一个新网站上工作并使用 font-face(问题可能不相关，但以防万一......):

@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”，但它并没有解决我的问题...

[编辑] 我删除了 font-face 并且对于 Arial 问题仍然存在...[/编辑]

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

---

提前致谢

佩德罗

Answer 1

我想您正在第一个标题的背景上使用 css 过滤器 alpha 不透明度。
它取消了抗锯齿。
您会找到一个修复(添加和删除背景颜色)here .