css - font-face:内联字体仅在 IE 中呈现良好

Question

我得到了 Homestead来自 Lost Type Co-op 的字体，它具有字体外观支持。使用 Font Squirrel，我得到了一个 @font-face 包。我包含了所有内容并想使用内联变体，如所演示的 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

我在不同浏览器上遇到过 homestead 的字体粗细问题。
使用 homestead 时尝试添加 font-weight:200;