Ressource interprétée comme une police mais transférée avec le type MIME application / x-font-woff

Question

J'ai suivi le didacticiel sur les polices Web de la documentation qooxdoo pour ajouter une police Web à Font.js, mais je remarque un avertissement dans la console pour développeurs de Chrome:

Mon code est le suivant:

 /* ************************************************************************
  #asset(myApp/fonts/*)
************************************************************************ */
qx.Theme.define("myApp.theme.Font",
{
  extend : qx.theme.simple.Font,

  fonts :
  {
    "silkscreen" :
    {
        size: 8,
        lineHeight: 1,
        family: [ "silkscreen", "Tahoma" ],
        sources:
        [
            {
                family: "Silkscreen",
                source:
                [
                    "myApp/fonts/slkscr-webfont.eot",
                    "myApp/fonts/slkscr-webfont.ttf",
                    "myApp/fonts/slkscr-webfont.woff",
                    "myApp/fonts/slkscr-webfont.svg#silkscreen"
                ]
            }
        ]
    }
  }
});
 

Comment puis-je résoudre l'avertissement du navigateur?

Answer 1

Selon les spécifications du W3C , le type MIME correct est application/font-woff , vous devez donc configurer votre serveur Web pour l'utiliser lors de la diffusion de fichiers .woff.

Answer 2

Si vous utilisez un serveur Web IIS, essayez ceci:

 <system.webServer>
  <staticContent>
    <remove fileExtension=".woff" /> 
    <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
  </staticContent>
</system.webServer>