Internet explorer CSS3字体在IE10中缺乏抗锯齿性和平滑性

Internet explorer CSS3字体在IE10中缺乏抗锯齿性和平滑性,internet-explorer,css,font-face,Internet Explorer,Css,Font Face,我已经检查了很多关于这个问题的线程,并尝试了很多方法来解决这个问题,但它仍然存在 我目前正在改造一个使用CSS3字体的网站,不再使用Cúfon,Cúfon是以前的开发人员,它的代码更轻,更现代 我用CSS3@font-face来调用字体家族。我使用的代码是由Font Squirrel生成的。因此,我的CSS调用如下: @font-face { font-family: 'helveticaneuelight'; src: url('fonts/helveticaneue_lt-webfont.e

我已经检查了很多关于这个问题的线程,并尝试了很多方法来解决这个问题,但它仍然存在

我目前正在改造一个使用CSS3字体的网站,不再使用Cúfon,Cúfon是以前的开发人员,它的代码更轻,更现代

我用CSS3@font-face来调用字体家族。我使用的代码是由Font Squirrel生成的。因此,我的CSS调用如下:

@font-face {
font-family: 'helveticaneuelight';
src: url('fonts/helveticaneue_lt-webfont.eot');
src: url('fonts/helveticaneue_lt-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/helveticaneue_lt-webfont.woff') format('woff'),
     url('fonts/helveticaneue_lt-webfont.ttf') format('truetype'),
     url('fonts/helveticaneue_lt-webfont.svg#helveticaneuelight') format('svg');
font-weight: normal;
font-style: normal;
}
body {
line-height: 130%;
-webkit-text-size-adjust: 100%;
font-size:80%;  /*-- Enables font size scaling in MSIE  --*/
font-family:'helveticaneuelight', Helvetica, Serif;
background-color: #000000;
color: #5b5b5b;
letter-spacing: 0;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themeimages/HIEfix.png',sizingMethod='crop');
zoom: 1;
}
在该CSS文件中,当将其应用于元素时,它如下所示:

@font-face {
font-family: 'helveticaneuelight';
src: url('fonts/helveticaneue_lt-webfont.eot');
src: url('fonts/helveticaneue_lt-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/helveticaneue_lt-webfont.woff') format('woff'),
     url('fonts/helveticaneue_lt-webfont.ttf') format('truetype'),
     url('fonts/helveticaneue_lt-webfont.svg#helveticaneuelight') format('svg');
font-weight: normal;
font-style: normal;
}
body {
line-height: 130%;
-webkit-text-size-adjust: 100%;
font-size:80%;  /*-- Enables font size scaling in MSIE  --*/
font-family:'helveticaneuelight', Helvetica, Serif;
background-color: #000000;
color: #5b5b5b;
letter-spacing: 0;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themeimages/HIEfix.png',sizingMethod='crop');
zoom: 1;
}
过滤和缩放属性是一种使字体在IE中看起来稍微好一点的技巧,但问题是,在除IE之外的所有浏览器中,字体看起来都应该像预期的那样,但在IE中,字体更薄,看起来更锯齿。所讨论的实际页面如下:

这个网站还没有100%完成,所以我也注意到了一些其他的小故障

同一页面上使用Cúfon的当前站点如下:

有了这个页面,菜单上的文本就是图像,其余的文本就是Cúfon。客户喜欢这样做,但显然这不是正确的方式,尤其是在新版本具有响应能力并且有更多jQuery内容的情况下


以前有人遇到过这种情况吗?这可能很简单,但我现在还没有找到答案

查看以下三个屏幕截图:查看时请记住100%放大这些截图。