web-dev-qa-db-fra.com

Types MIME pour woff, ttf, svg et eot 404ing malgré leur configuration dans IIS

J'essaie d'obtenir une police à rendre dans un fichier et cela me donne l'erreur habituelle de

Resource interpreted as Font but transferred with MIME type text/html:

Mais le fichier HTML présenté est notre fichier 404.aspx, j'ai essayé l'habituel d'installer les applications dans le web.config puis finalement dans IIS lui-même comme:

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

Je ne peux pas comprendre où je me trompe. les fichiers sont stockés dans un dossier appelé fonts qui se trouve dans le répertoire de base du site et j'ai le style dans mon fichier aspx comme

@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;
}

et le stylesheet.css dans le dossier des polices comme:

@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;
    }

J'ai essayé les chemins de fichiers en tant que/fonts/et juste fonts/en vain. Mais je ne peux pas obtenir le fichier à bnot 404. Quelqu'un a suggéré de redémarrer le serveur mais cela n'a pas réussi non plus.

Y a-t-il quelque chose qui me manque? Ou une erreur que j'ai commise?

Si cela aide, j'ai également essayé ceci dans le 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>
19
user3740400

Pour ceux qui ont besoin de réponse. Voici la solution. Référence http://www.alienfactory.co.uk/articles/mime-types-for-web-fonts-in-bedsheet pour plus de détails.

<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" />
41
Osa E