web-dev-qa-db-fra.com

Bootstrap La police woff2 ne se charge pas correctement

La police d'amorçage ne se charge pas correctement glyphicons-halflings-regular.woff2.

Il montre l'erreur dans ma console Chrome.

Une solution pour le charger correctement, afin qu'il ne montre pas l'erreur dans la console?

33
V.J.

Puisque vous avez ajouté une balise asp.net-mvc à votre message, je vous propose une solution de configuration IIS pour vous.

Chrome ne consomme pas woff et génère une erreur 404 lorsque votre serveur Web n'est pas configuré avec le type MIME "woff" ou "woff2".


Vous devez ajouter IIS un MIME-TYPE pour woff2. Vous pouvez le configurer dans web.xml.

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

Et vous pouvez également le faire via IIS manager.

  1. ouvrir IIS manager
  2. Affichage des fonctionnalités -> Types MIME
  3. Actions -> Ajouter
  4. Vous verrez ajouter la zone Type MIME et mettre l'extension woff2 dans l'extension de fichier ".woff2"
  5. et le type MIME comme "application/font-woff2" également.

Traitement du gestionnaire IIS via des images.

enter image description hereenter image description hereenter image description here

63
hina10531

Le même problème a été résolu en ajoutant pour IIS les balises dans Web.config in, sous le dossier Vues.

1
bondus

Un petit hack 1) recherchez glyphicons-halflings-regular.woff 2) Copiez glyphicons-halflings-regular.woff en glyphicons-halflings-regular.woff2 3) Mettez ce dossier est requis. Cela a fonctionné dans mon cas.

0
sumit sharma