html - 网络字体渲染

Question

我在 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 的字体。谢谢。

Answer 1

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

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