css3 – 不好的字体渲染Chrome

我如何解决这个问题?

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

更新:

添加-webkit-font-smoothing:抗锯齿;问题依然存在

这可能是视频卡的问题?

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

解决方法

这是Chrome渲染引擎的一个问题,但它看起来就像是这样.见 https://plus.google.com/u/0/+FrancoisBeaufort/posts/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中添加支持漂亮字体渲染的DirectWrite支持.
(来源:https://code.google.com/p/chromium/issues/detail?id=25541#c152)

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效