web-dev-qa-db-fra.com

Erreur 404 de Font-Awesome sur les polices

Je ne sais pas ce qui se passe, mais je peux voir 3 erreurs liées à font-awesome dans la console du navigateur

 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff2?v=4.3.0 
 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff?v=4.3.0
 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.ttf?v=4.3.0

Je sais que c'est ridicule, je ne peux pas le savoir moi-même, mais tout semble aller pour le mieux, dans mon index.html, j'ai quelque chose comme ça

<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css" />

et c’est tout ce que j’ai eu à faire avec la super police, j’ai déjà vérifié le chemin et je n’ai pas tort.

Est-ce que cela se passe avec l'un de vous les gars?

enter image description here

MISE À JOUR

c'est la partie NGINX où je charge du contenu dans les en-têtes

add_header Content-Security-Policy "style-src 'self' 'unsafe-inline'
https://fonts.googleapis.com
https://fonts.gstatic.com
https://themes.googleusercontent.com
https://assets.zendesk.com;
font-src 'self' https://themes.googleusercontent.com
https://fonts.gstatic.com;";
cssfontsfont-awesome
63
Non

Ajoutez le .woff au type mime de votre serveur d’application (par exemple, iis-> type mime) en tant qu’application/font-woff

72
Gomes

Mieux encore, ajoutez cette section à votre web.config, puis ces types mime seront automatiquement ajoutés à IIS sur tout serveur sur lequel vous déployez. (La suppression consiste à éviter une erreur de type mime en double dans cas ils sont déjà là)

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

j'ai eu le même problème avec IIS. J'ai ajouté un nouveau type mime avec ".woff2" comme extension de fichier et "font/x-woff" comme type mime et le problème a été résolu.

8
AngelsGR

1.Allez dans IIS, trouvez votre site Web, trouvez le type MIME, puis cliquez sur ajouter

2.Mettez "woff2" dans le nom de fichier attaché. Mettez "application/font-woff" dans le type Mime.

3. Redémarrez votre site Web sur IIS

6
Choco Li

Les URL que vous avez fournies ne sont pas valides et ne vous lient pas à une ressource. Pour autant que chacun de nous soit en mesure de le dire dans votre message, il n’existe tout simplement pas.

Avez-vous téléchargé vos fichiers correctement pour la structure de dossiers prévue?

3
xengravity

J'avais exactement le même problème sur un "serveur hôte partagé cPanel" qui n'autorise que le serveur Web Apache2. Comme les caractères génériques (*) de la valeur de 'Access-Control-Allow-Origin' ne sont pas autorisés par les paramètres de sécurité partagés de l'hôte (parce que: la bande passante et les voleurs de ressources), je devais trouver un moyen différent de le faire fonctionner.

Cette question posée par le PO induit nginx, mais les réponses acceptées et les plus votées semblent concerner IIS. Il se peut que des personnes (comme moi) tombent sur cette question à la recherche de solutions Apache2 liées aux "autorisations" de CORS dans Apache. Voici donc la solution miracle pour moi: résoudre ce problème. J'ai ajouté ce qui suit au sommet du répertoire racine d'un WP site dans le fichier .htaccess:

<IfModule mod_headers.c>
 <IfModule mod_rewrite.c>
    SetEnvIf Origin "http(s)?://(.+\.)?(othersite\.com|mywebsite\.com)(:\d{1,5})?$" CORS=$0
    Header set Access-Control-Allow-Origin "%{CORS}e" env=CORS
    Header merge  Vary "Origin"
 </IfModule>
</IfModule>

J'aimerais pouvoir prendre le crédit de ce fantastique morceau de magie RegEX, mais j'explique comment j'ai dérivé cette solution dans cet article en répondant à une question similaire ici: sous-domaines, ports et protocoles génériques joker Access-Control-Allow-Allow-Origin

** Remarque évidente: Vous devez modifier le nom de domaine pour qu'il corresponde au vôtre. Vous pouvez supprimer le (|) RegEx OR et n'utiliser qu'un seul nom de domaine dans lequel TOUS les sous-domaines ET le nom de domaine de niveau racine sont acceptés par le RegEx.

1
kanidrive

Aucune des solutions ci-dessus n'a fonctionné pour moi sauf la suivante. Veuillez ajouter cette ligne après toutes les commandes 'bundles.Add' dans votre fichier BundleConfig.cs:

BundleTable.EnableOptimizations = false;
0
Luis Gouveia

Allez à: http://fortawesome.github.io/Font-Awesome/get-started/

... utilisez Bootstrap CDN pour ajouter Font Awesome à votre site Web avec une seule ligne de code. Vous n'avez même pas besoin de télécharger ou d'installer quoi que ce soit! "

0
Mr. William Michael

J'ai eu exactement le même problème et les mêmes erreurs. La suppression de ma bibliothèque Font-Awesome et l'installation de la version la plus récente ont résolu le problème.

0
dmcdekker

Ajoutez le .woff2 au type mime de votre serveur d’application (par exemple, iis-> type mime) en tant qu’application/font-woff

Cela a bien fonctionné pour moi.

Prendre plaisir !!!

:)

0
Anrorathod