我在我公司的网站上使用@font-face,它工作/看起来很棒。除了Firefox和Chrome会在。woff文件上抛出404错误。IE不会抛出错误。我有字体位于根,但我已经尝试了css文件夹中的字体,甚至给出字体的整个url。如果从我的css文件中删除这些字体,我不会得到404,所以我知道这不是语法错误。

另外,我使用fontsquirrel工具创建@font-face字体和代码:

@font-face {
  font-family: 'LaurenCBrownRegular';
  src: url('/laurencb-webfont.eot');
  src: local('☺'), 
    url('/laurencb-webfont.woff') format('woff'), 
    url('/laurencb-webfont.ttf') format('truetype'), 
    url('/laurencb-webfont.svg#webfontaaFhOfws') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FontinSansRegular';
  src: url('/fontin_sans_r_45b-webfont.eot');
  src: local('☺'), 
    url('/fontin_sans_r_45b-webfont.woff') format('woff'), 
    url('/fontin_sans_r_45b-webfont.ttf') format('truetype'), 
    url('/fontin_sans_r_45b-webfont.svg#webfontKJHTwWCi') format('svg');
  font-weight: normal;
  font-style: normal;
}

当前回答

IIS Mime类型:.woff font/x-woff(不是application/x-woff,或application/x-font-woff)

其他回答

我尝试了很多关于权限,mime类型等的东西,但对我来说,它最终是网络。config已经删除了IIS中的静态文件处理程序,然后显式地将其添加到包含静态文件的目录中。当我为我的目录添加一个位置节点并重新添加处理程序时,请求就不再得到404。

运行IIS服务器管理器(运行命令:inetmgr) 打开Mime类型并添加以下内容

文件扩展名为。woff MIME类型:应用程序/字节流

解决:

我不得不使用Mo'Bulletproofer方法

如果在添加MIME类型后仍然不能工作,请检查站点的身份验证部分是否启用了“匿名身份验证”,并确保根据给定的屏幕截图选择“应用程序池身份”。

如果你不能访问你的web服务器配置,你也可以重命名字体文件,使它以svg结尾(但保留格式)。在Chrome和Firefox中工作很好。