IE8 - 字体抗锯齿奇怪行为（带打印。示例）
作为每个 Web 开发人员，我厌倦了 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 之外的每个浏览器中都工作正常（我不关心旧版本）...更复杂一点的是，它适用于某些标题，但在其他一些标题中则失败...我可以保证元素共享相同的类，正如您在我的示例中看到的 此处为高分辨率图像..
Css 类：
.title{
font-family:"Arabic Typesetting";
font-size:24px;
margin-top:10px;
}
我尝试将其更改为'px' 到 'pt' 但它没有解决我的问题...
[编辑] 我删除了 font-face 并且使用 Arial 问题仍然相同...[/编辑]
你有什么想法吗？或者关于这个问题的一些评论......
提前致谢，
佩德罗
As every web-developer I'm tired of Internet Explorer...
I'm working on a new website and use font-face (the problem may not be related but just in case...):
@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;
}
The problem that I'm facing with is related w/ anti-alias/font smoothing... It's working fine in every browser but IE8 (I don't care about older versions)... To complicate it a little bit more, it works on some titles, but in some others it fails.. I can assure that the elements share the same classes, as you can see in my example HIGHER RESOLUTION IMAGE HERE..
Css class:
.title{
font-family:"Arabic Typesetting";
font-size:24px;
margin-top:10px;
}
I tried to change it from 'px' to 'pt' but it didn't solve my problem...
[EDIT] I remove font-face and with Arial the problem remains the same...[/EDIT]
Do you have any ideas? Or some comments about this issue...
Thanks in advance,
Pedro
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我想您在第一个标题的背景上使用了 css 过滤器 alpha 不透明度。
它取消抗锯齿。
您会找到修复程序（添加和删除背景颜色）此处。
I suppose you are using a css filter alpha opacity on the background of the first title.
It cancels the anti-aliasing.
You will find a fix (add and remove a background color) here.