坏字体渲染铬

Question

如何解决这个？

first“d”在Chrome 31.0.1650.63 m上呈现，第二个在IE11上呈现。

更新：

添加-webkit-font-smoothing: antialiased;问题仍然存在......

视频卡可能是一个问题？

更新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');
}

.

Answer 1

这是一个问题，带有镀铬渲染引擎，但它看起来终于是修复的。查看 https：//plus.google.com/u/0/+francoisbeaufort/帖子/ pgppiqr6bwi

问题在Chromium的Bugtracker上： https：//code.google.com/p/chromium/issues/detail？ID= 333029 https：//code.google.com/p/chromium/issues/detail？ID= 25541

编辑：
直接支持漂亮字体渲染已被添加到Chrome 37中。 （来源： https：//code.google.com/p/铬/问题/细节？ID= 25541＃C152 ）

Answer 2

这是Chrome本身的问题。问题仅存在于Windows的Chrome上。Chrome的Mac和Linux用户没有此问题。没有什么可以真正做到的。

Answer 3

您是否尝试将此CSS添加到Chrome One？

-webkit-font-smoothing: antialiased

给出一个镜头，看看它是否有帮助。

Answer 4

我有同样的问题，下面的代码是我发现的最佳工作。不知何故，如果你隐藏并重新显示身体的内容，字体将正确加载 希望这有助于

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; }
}

.

Answer 5

我发现给出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');
}

.