3

我正在开发的网页的 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 遇到未知错误。
我的字体.eot

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

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

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

4

3 回答 3

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 */
}
于 2013-04-22T21:35:49.997 回答
0

根据Github Font Awesome Wiki,解决方案是“删除所有出现的

?v=4.x.y  

来自 font-awesome.css 中的@font-face 属性”。如果您使用的是 LESS,则意味着更改 /less/fa/path.less 文件。

于 2016-11-11T06:52:24.723 回答
0

'?#iefix'后面加上.eot

src: url('myfont.eot?#iefix') format('embedded-opentype');
于 2016-07-07T09:53:45.323 回答