Css 错误的字体渲染

我怎么解决这个问题

第一个“D”在Chrome 31.0.1650.63 m上渲染，第二个在IE11上渲染

更新：

添加

-webkit字体平滑：抗锯齿问题仍然存在。。。

视频卡可能有问题

更新2:

css字体代码：

 @font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/font1.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../font/font2.woff) format('woff');
}

你试过把这个CSS添加到Chrome浏览器上吗

-webkit字体平滑：抗锯齿

试一下，看看是否有帮助
 这是Chrome本身的问题。这个问题只存在于Chrome for Windows上。Mac和Chrome的Linux用户没有这个问题。你对此无能为力。
这是Chrome渲染引擎的一个问题，但看起来这最终会得到解决。看

问题出在Chromium的bugtracker上：

编辑：

Chrome37中添加了DirectWrite支持，支持漂亮的字体渲染。
（来源：）
我也有同样的问题，下面的代码是我发现的最好的解决方法。不知何故，如果隐藏并重新显示正文内容，字体将正确加载
希望这有帮助

body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    font-family: folio_medium;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

我发现给予svg字体文件更高的优先级可以解决这个问题

@font-face {
  font-family: 'HelveticaNeueLTStd-Bd';
  src: url('../assets/fonts/helvetica/2B7A70_0_0.svg#wf') format('svg'), // first means higher priority
  url('../assets/fonts/helvetica/2B7A70_0_0.eot');
}

你用的是哪种字体？看看这个答案，这是胡说八道，他们可以索引网页。但至少两年后，字体渲染不正确。Chrome和Safari是最糟糕的！IE和FireFox工作得很好，几乎看不出有什么不同。你提到的问题已经结束了评论。我更新了我的答案，添加了两个描述这个bug的开放问题的链接。我刚刚用这些标志进行了测试，现在在Chrome上看起来很棒。希望他们尽快发布。