MIME Types for woff, ttf, svg, and eot 404ing despite being setup in IIS
我正在尝试使一种字体在文件中呈现,这给了我通常的错误
1 | Resource interpreted as Font but transferred with MIME type text/html: |
但是显示的HTML文件是我们的404.aspx文件,我尝试了将应用程序安装在web.config中,然后最终通过以下方式将其安装到IIS本身的方法:
1 2 3 4 5 | .woff application/font-woff .ttf application/font-ttf .eot application/vnd.ms-fontobject .otf application/font-otf .svg image/svg+xml |
我不明白我要去哪里错了。 这些文件存储在该站点的基本目录中的一个名为fonts的文件夹中,我的aspx文件中的样式为
1 2 3 4 5 6 7 8 9 10 | @font-face { font-family: 'segoe_printregular'; src: url('/fonts/segoepr-webfont.eot'); /* IE9 Compat Modes */ src: url('/fonts/segoepr-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/segoepr-webfont.woff') format('woff'), /* Modern Browsers */ url('/fonts/segoepr-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/segoepr-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } |
在fonts文件夹中的stylesheet.css为:
1 2 3 4 5 6 7 8 9 10 | @font-face { font-family: 'segoe_printregular'; src: url('/segoepr-webfont.eot'); /* IE9 Compat Modes */ src: url('/segoepr-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/segoepr-webfont.woff') format('woff'), /* Modern Browsers */ url('/segoepr-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('/segoepr-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } |
我已经尝试将文件路径设置为/ fonts /,而仅使用fonts /却无济于事。 但是我无法使文件变为404。有人建议重新启动服务器,但也没有实现任何目的。
我有什么想念的吗? 还是我犯了一些错误?
如果有帮助,我也在web.config中尝试过
1 2 3 4 5 6 7 8 9 10 11 12 | <staticContent> <remove fileExtension=".woff" /> <mimeMap fileExtension=".woff" mimeType="application/font-woff" /> <remove fileExtension=".ttf" /> <mimeMap fileExtension=".ttf" mimeType="application/font-ttf" /> <remove fileExtension=".eot" /> <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" /> <remove fileExtension=".otf" /> <mimeMap fileExtension=".otf" mimeType="application/font-otf" /> <remove fileExtension=".svg" /> <mimeMap fileExtension=".svg" mimeType="image/svg+xml" /> </staticContent> |
对于那些需要答案的人。 下面是解决方案。 有关详细信息,请参考http://www.alienfactory.co.uk/articles/mime-types-for-web-fonts-in-bedsheet。
1 2 3 4 5 6 7 8 9 | <remove fileExtension=".woff" /> <remove fileExtension=".eot" /> <remove fileExtension=".ttf" /> <remove fileExtension=".svg" /> <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" /> <mimeMap fileExtension=".ttf" mimeType="application/font-sfnt" /> <mimeMap fileExtension=".svg" mimeType="image/svg+xml" /> <mimeMap fileExtension=".woff" mimeType="application/font-woff" /> |