尽管在IIS中设置了woff,ttf,svg和eot 404ing的MIME类型

时间:2014-10-03 11:06:03

标签: fonts iis-7.5 mime-types woff eot

我正在尝试在文件中渲染一个字体,它给了我

的常见错误
Resource interpreted as Font but transferred with MIME type text/html:

但是展示的HTML文件是我们的404.aspx文件,我尝试在web.config中安装应用程序,然后最终进入IIS本身:

.woff  application/font-woff
.ttf   application/font-ttf
.eot   application/vnd.ms-fontobject
.otf   application/font-otf
.svg   image/svg+xml

我无法理解我哪里出错了。这些文件存储在一个名为fonts的文件夹中,该文件夹位于该站点的基本目录中,我的样式位于我的aspx文件中

@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为:

@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 /而字体/无效。但我无法将文件提交到404.有人建议重新启动服务器,但这也没有实现。

我有什么遗漏的吗?还是我犯了一些错误?

如果有帮助我也在web.config

中尝试了这个
<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>

1 个答案:

答案 0 :(得分:41)

对于那些需要回答的人。以下是解决方案。有关详细信息,请参阅http://www.alienfactory.co.uk/articles/mime-types-for-web-fonts-in-bedsheet

localStorage.setItem('userid','2'); //To set a data

var userId = localStorage.getItem('userid'); // To get a data

localStorage.removeItem('userid'); //To remove a data