css - @font-face : bold in FF is bolder than in Chrome

Question

我使用了这段代码:

@font-face {
    font-family: 'DroidSansRegular';
    src: url('droidsans-webfont.eot');
    src: url('droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('droidsans-webfont.woff') format('woff'),
         url('droidsans-webfont.ttf') format('truetype'),
         url('droidsans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DroidSansBold';
    src: url('droidsans-bold-webfont.eot');
    src: url('droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('droidsans-bold-webfont.woff') format('woff'),
         url('droidsans-bold-webfont.ttf') format('truetype'),
         url('droidsans-bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

当我使用 font-weight: bold; 时，Chrome 中的粗体文本是可以的，但在 Firefox 中太粗了。

如何解决？

PS:我必须使用本地文件中的字体。

Answer 1

FireFox 今天在他们的错误论坛上发布了一个解决方案。今天刚刚定稿，暂时用不上，不过大家还是放上吧

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

在我们的 body 标签中为所有浏览器重置它。最后!!伙计，这让我很高兴!这应该会在下一个 FF 版本中出现。

线程在这里 https://bugzilla.mozilla.org/show_bug.cgi?id=857142