font-face：仅在IE中呈现内联字体

Question

我从Lost Type Co-op获得了Homestead字体，它具有font-face支持。使用Font Squirrel，我得到了一个@ font-face包。我包含了所有内容，并希望使用Inline变体，如演示here。这是我的CSS：

@font-face {
    font-family: 'HomesteadInline';
    src: url('homestead/homestead-inline-webfont.eot');
    src: url('homestead/homestead-inline-webfont.eot?#iefix') format('embedded-opentype'),
         url('homestead/homestead-inline-webfont.ttf') format('truetype'),
         url('homestead/homestead-inline-webfont.svg#HomesteadInline') format('svg');
    font-weight: normal;
    font-style: normal;

}
h1 { font-family: 'HomesteadInline'; font-size: 10em}

字体有效，但在Chrome和Firefox中渲染得非常糟糕，我测试的唯一正确的浏览器是IE9。

以下是对比截图：

有没有办法解决这个问题？

Answer 1

我遇到过不同浏览器的宅基字体重量问题 使用宅基地时尝试添加font-weight:200;