web-dev-qa-db-fra.com

La police de caractères ne fonctionne pas dans IIS 8.0

J'ai une font-face dans mon programme générée à partir de Font Squirrel. Je n'arrive pas à la faire fonctionner dans IIS, cela fonctionne dans localhost. J'ai ajouté application/font-woff article à mes types MIME, mais il ne veut toujours pas fonctionner.

Context
--Fonts
----font location
--css files

CSS

@font-face {
    font-family: 'wallStreetFont';
    src: url('Fonts/subway-webfont.eot');
    src: url('Fonts/subway-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/subway-webfont.woff2') format('woff2'),
         url('Fonts/subway-webfont.woff') format('woff'),
         url('Fonts/subway-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

MODIFIER LE MIME ACTUEL

J'utilise la valeur par défaut IIS 8 MIME font/x-woff

cssiisfontswoff2
117
joetinger

C'est bien de voir que WOFF2 est inclus dans les polices Font Squirrel! Bien que IIS 8 n'ait pas besoin d'un type mime ajouté pour WOFF, il en aura besoin d'un pour WOFF2. Le W3C recommande :

application/font-woff2

Pour plus d'informations sur WOFF2 voir ici .

Pour ajouter le type MIME dans IIS, modifiez votre Web.Config comme suit:

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <!-- ... -->
  <system.webServer>
    <!-- ... -->
    <staticContent>
      <!-- ... -->
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
254
Colin Bacon

Pour que les polices woff et woff2 fonctionnent correctement dans IIS, vous devez ajouter les types MIME suivants au fichier Web.Config.

<?xml version="1.0" encoding="UTF-8"?>
<configuration>  
  <system.webServer>    
    <staticContent>
        <remove fileExtension=".woff" />
        <remove fileExtension=".woff2" />
        <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
        <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
    </staticContent>

Si vous faites toujours face à l'erreur 404 sur Google Chrome, vous devez vider le cache de votre navigateur avant de recharger la page.

76
Varun

Notez qu'il est également possible de configurer les types MIME dans IIS Manager. Sélectionnez simplement le site Web, puis double-cliquez sur l'icône Types MIME sous IIS dans le volet principal.

enter image description here

Vous devriez alors voir une liste de tous les types MIME existants et pouvoir en ajouter de nouveaux en utilisant le lien Ajouter ... du volet de droite.

24
Scott Munro