html - "CSS3111: @font-face encountered unknown error"来自网络服务器；从本地文件系统浏览时工作正常

Question

我在我正在开发的网页的 CSS 中嵌入了这个字体:

@font-face {
    font-family: 'myfont';
    src: url('fonts/myfont.eot');
    src: url('fonts/myfont.woff') format('woff'), url('fonts/myfont.ttf') format('truetype'), url('fonts/myfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

在 CSS 文件的更下方，我使用了字体:

#finder-entry-container h1
    {
        font-family:'myfont', Sans-Serif;
        font-size:28px;
        color:white;
        font-weight:normal
    }

当我在网页上使用这种字体时，它在 Chrome 和 Firefox 中呈现得非常好。但是，在 IE 中我收到此错误:

CSS3111: @font-face encountered unknown error.
myfont.eot

更陌生；从本地文件系统浏览时页面呈现得很好(我正在使用一个简单的 HTML 文件来解决这个问题。)

有没有人遇到过这样的问题？我知道这些字体工作正常，因为我可以从本地文件系统浏览它们，所以我认为这不是文件转换问题。我的网络服务器运行的是 IIS 6；我检查了所有字体的 header ，这些是它们返回的 MIME 类型:

myfont.eot returns application/octet-stream
myfont.woff returns application/font-woff
myfont.ttf returns application/octet-stream
myfont.svg returns image/svg+xml

Answer 1

移动到目录时包含 ./以移动到您的字体目录

尝试像这样格式化您的@font-face 声明...

 @font-face {
font-family: 'myfont';
src: url('./fonts/myfont.eot'); /* IE9 Compat Modes */
src: url('./fonts/myfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('./fonts/myfont.woff') format('woff'), /* Modern Browsers */
     url('./fonts/myfont.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('./fonts/myfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}