html - 网络字体渲染

我在Windows系统上的Firefox和Chrome浏览器中出现字体渲染问题。
这是字体：

@font-face {
    font-family: 'Museo500';
    src: url('../fonts/museo500/MuseoSans_500-webfont.eot');
    src: local('?'),
    url('../fonts/museo500/MuseoSans_500-webfont.woff') format('woff'),
    url('../fonts/museo500/MuseoSans_500-webfont.ttf') format('truetype'),
    url('../fonts/museo500/MuseoSans_500-webfont.svg#webfontr3rD8cn7') format('svg');
}

这是一个输入类：

input {
    font-family: Museo500, sans-serif;
    letter-spacing: 0;
    color: #ff0000;
    margin: 0px;
    padding: 10px;
    font-size: 20px;
    font-weight: normal;
}

我无法理解如何在IE8上很好地呈现字体，而在Firefox和Chrome上却无法正确呈现字体。如果有人可以给我一个建议，我将不胜感激。
或者也许是一种替换museo500，museo700的字体。
谢谢。

最佳答案

我在这里回答了类似的问题：Font-Face Not loaded

您可能需要通过.htaccess或MIME类型将类型添加到IIS。