Font-Awesome Fehler 404 bei Schriftarten

Ich weiß nicht, was Los ist, aber in der browser-Konsole kann ich sehen 3 Fehler in Bezug auf font-awesome

 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

Ich weiß, es ist lächerlich, ich kann nicht herausfinden, diese von mir selbst, aber alles scheint OK zu sein, meiner index.html ich habe so etwas wie dieses

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

und dass alles, was ich im Zusammenhang mit der font-tolle Sache, ich bereits überprüfen Sie den Pfad, und ich bin nicht falsch mit, dass.

Ist das passiert mit jedem von Euch Jungs ?

Font-Awesome Fehler 404 bei Schriftarten

UPDATE

dies ist der NGINX Teil wo lade ich mir einige Inhalte in den Kopf -

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;";

InformationsquelleAutor der Frage NietzscheProgrammer | 2015-03-28

  1. 67

    Hinzufügen .woff für Ihre Anwendung-server mime-Typ(z.B. iis-> mime-Typ) als application/font-woff

    InformationsquelleAutor der Antwort Gomes

  2. 108

    Besser noch, fügen Sie diesen Abschnitt, um Ihre web.config und dann die mime-Typen werden automatisch Hinzugefügt, um IIS auf allen Servern, die Sie bereitstellen. (Das entfernen ist zu vermeiden, dass eine doppelte mime-Typ Fehler im Fall, Sie sind schon da)

      <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>

    InformationsquelleAutor der Antwort jhoelz

  3. 8

    ich hatte das gleiche problem mit dem iis. Ich habe einen neuen mime-Typ mit ".woff2" als Dateierweiterung und "schriftart/x-woff" als mime-type und das problem gelöst.

    InformationsquelleAutor der Antwort AngelsGR

  4. 3

    URLs, die Sie haben sind alle ungültig und nicht link zu einer Ressource. Soweit jeder von uns wird in der Lage sein zu sagen, aus Ihrem Beitrag - Sie existieren einfach nicht.

    Haben, laden Sie Ihre Dateien richtig für den vorgesehenen Ordner Struktur?

    InformationsquelleAutor der Antwort xengravity

  5. 3

    1.Gehen Sie zu IIS finden Sie Ihre website, finden Sie den MIME-Typ,
    klicken Sie dann auf hinzufügen

    2."Woff2" in der Angehängten Datei Namen
    Setzen Sie "application/font-woff" Mime-Typ

    3.Starten Sie Ihre website auf IIS

    InformationsquelleAutor der Antwort Choco Lee

  6. 1

    Ich hatte das exakte gleiche Problem auf ein "cPanel shared-host-server" , erlaubt nur für Apache2 webserver. Da wildcards (*) der Wert von 'Access-Control-Allow-Origin' sind nicht zulässig von der shared host security settings (weil: Bandbreite & Ressourcen-Diebe), die ich hatte, um herauszufinden, einen anderen Weg, um es Arbeit.

    Diese Frage des OP lässt sich nginx, aber der akzeptiert & die meisten von Ihnen positiv bewertet werden die Antworten scheinen für IIS. Es gibt vielleicht Leute (wie mich), die stolpern auf diese Frage suchen apache2 Lösungen rund um CORS "Berechtigungen" in Apache, also hier war die Magische Kugel, die für mich um dieses Problem zu lösen. Ich habe Folgendes am tippy-oben in mein root-Verzeichnis der WP-Seite in der .htaccess-Datei:

    <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>

    Ich wünschte, ich könnte Kredit für dieses fantastische Stück RegEX-Magie, aber ich erklären, wie ich abgeleitet, die diese Lösung unter diesen Beitrag einen Kommentar zu einer ähnlichen Frage hier: Access-Control-Allow-Origin wildcard-subdomains, ports und Protokolle

    ** Offensichtliche HINWEIS: Sie müssen ändern Sie den domain-Namen entsprechend Ihre eigenen. Sie können entfernen Sie die (|) RegEx ODER und verwenden nur einen einzelnen domain-Namen, in dem ALLE subdomains UND root-level-domain-Namen werden angenommen, indem die RegEx

    InformationsquelleAutor der Antwort kanidrive

  7. 0

    Gehen Sie zu: http://fortawesome.github.io/Font-Awesome/get-started/

    ...die Verwendung von Bootstrap-CDN hinzufügen von Font Awesome in Ihre Webseite mit einer einzigen Codezeile. Sie haben nicht einmal etwas herunterladen oder installieren!"

    InformationsquelleAutor der Antwort Mr. William Michael

  8. 0

    Ich hatte das exakt gleiche problem und Fehler. Löschen Sie meine Font-Awesome-library und installieren Sie die meisten up-to-date-version kümmerte sich um das Problem.

    InformationsquelleAutor der Antwort dmcdekker

  9. 0

    Hinzufügen .woff2, um Ihre Anwendungs-server mime-Typ(z.B. iis-> mime-Typ) als application/font-woff

    Es funktionierte gut für mich.

    Genießen !!!

    🙂

    InformationsquelleAutor der Antwort Anrorathod

  10. 0

    Keine der oben genannten Lösungen gearbeitet, ist für mich außer dem folgenden. Bitte fügen Sie diese Zeile, nachdem alle " - bundles.Hinzufügen' Befehle in der BundleConfig.cs-Datei:

    BundleTable.EnableOptimizations = false;

    InformationsquelleAutor der Antwort Luis Gouveia

Schreibe einen Kommentar