74

ASP.NET MVC4 Bootstrap 3-Anwendung wird von Microsoft Visual Studio Express 2013 für Web IDE ausgeführt.So entfernen Sie Fehler über Glyphicons-Halblings-regular.woff2 nicht gefunden

Chrome Konsole zeigt Fehler immer

http://localhost:52216/admin/fonts/glyphicons-halflings-regular.woff2 
Failed to load resource: the server responded with a status of 404 (Not Found) 

Diese Datei befindet sich im Verzeichnis fonts im Solution Explorer. Die Build-Aktion ist auf "Inhalt" gesetzt und das Kopieren in das Ausgabeverzeichnis ist "Nicht kopieren wie in anderen Font-Dateien". Bootstrap 3 wird mit NuGet zur Lösung hinzugefügt. Wie behebt man das, damit dieser Fehler nicht auftritt? Anwendung zeigt Glyphicon- und FontAwesome-Symbole ordnungsgemäß. Dieser Fehler tritt immer beim Start der Anwendung auf.

Antwort

197

Dieses Problem tritt auf, weil IIS nichts über woff und woff2 Datei MIME-Typen weiß.

Lösung 1:

diese Zeilen in Ihrem web.config Projekt hinzufügen:

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

Lösung 2:

Auf IIS-Projektseite:

Schritt 1: Gehen Sie zu Ihrem Projekt IIS-Homepage und klicken Sie doppelt auf MIME Types Taste:

Step 1

Schritt 2: Klicken Sie auf Add Schaltfläche Actions Menü: Step 2

Schritt 3: In der Mitte des Bildschirms erscheint ein Fenster und in diesem Fenster müssen Sie die zwei Zeilen aus der Lösung 1 hinzufügen: Step 3

+0

Dies löste es für mich, aber warum? Ich würde eine Erklärung dafür, warum die Lösung mehr als nur eine sinnlose Kopie/Einfügen von bereitgestellten Code funktioniert, schätzen. – Bpainter

+3

@Bpainter Die erste Zeile in dieser Antwort sagt Ihnen warum. Die Mime-Typen sind keinem Typ zugeordnet, sodass sie vom Browser nicht geladen werden können. Warum lädt ein Browser eine nicht zugeordnete MIME-Typ-Datei nicht? Ich denke, das ist eine separate Frage, auf die ich die Antwort nicht weiß. –

+2

@ CamilleSévigny Ich glaube, die Antwort auf Ihre Frage ist, dass IIS nur gültige Dateitypen zur Verfügung stellt, so dass es die .woff und nicht erkennt.woff2 Erweiterungen, es reagiert auf Anfragen für diese Dateien mit 404 - nicht gefunden. – Grungondola

38

In meinem Fall habe ich gerade heruntergeladen die fehlende Datei direkt von hier: https://github.com/twbs/bootstrap/blob/master/dist/fonts/glyphicons-halflings-regular.woff2

+6

löste es für mich. Vielen Dank. Ich habe die Dateien heruntergeladen und den Schriftartenordner unter meinem Projektverzeichnis gespeichert. CSS-Dateien im "css" -Ordner, Schriften im "Fonts" -Ordner – CyprUS

+1

Manchmal sind Lösungen ziemlich einfach, und uns ist nicht bewusst:) Thnx für die Lösung, habe ich diese in meinem 'Fonts'-Ordner in meiner MVC5-App vermisst – Irfan

0

dieses Ihrer html hinzufügen, wenn Sie nur den Zugriff auf den HTML-Code haben:

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet"> 
0

ich die Vorschläge alle versuchten, oben, aber mein tatsächliches Problem war, dass meine Anwendung nach dem/font-Ordner und seinem Inhalt (.woff usw.) in app/fonts suchte, aber mein/fonts-Ordner befand sich auf der gleichen Ebene wie/app. Ich habe/fonts unter/app verschoben und es funktioniert jetzt gut. Ich hoffe, dass dies jemand anderen hilft, im Internet nach einer Antwort zu suchen.

Verwandte Themen