74

ASP.NET MVC4 L'applicazione Bootstrap 3 è in esecuzione da Microsoft Visual Studio Express 2013 per Web IDE.Come rimuovere errore su glyphicons-halflings-regular.woff2 non trovato

console Chrome mostra sempre all'errore

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

Questo file esiste nella directory dei font in Esplora soluzioni. L'azione Build è impostata su "Content" e la directory Copy to Output è "Do not copy like in altri file font". Bootstrap 3 viene aggiunto alla soluzione utilizzando NuGet. Come risolvere questo problema in modo che questo errore non si verifichi? L'applicazione mostra correttamente le icone Glyphicon e FontAwesome. Questo errore si verifica sempre all'avvio dell'applicazione.

risposta

197

Questo problema si verifica perché IIS non è a conoscenza dei tipi di file MIME relativi a woff e woff2.

Soluzione 1:

Aggiungere queste righe nel progetto web.config:

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

Soluzione 2:

Nella pagina del progetto IIS:

Passo 1: Vai al tuo progetto 2

Step 1

Passo:: Cliccare sul Add pulsante da Actions menù: Step 2

Fase 3: Nel centro dello schermo appare home page IIS e fare doppio clic su MIME Types pulsante una finestra e in questa finestra è necessario aggiungere le due linee dalla soluzione 1: Step 3

+0

Questo l'ha risolto per me, ma perché? Gradirei una spiegazione sul perché la soluzione funzioni più di una semplice copia/incolla del codice fornito. – Bpainter

+3

@Bpainter La prima riga in questa risposta spiega perché. I tipi mime non sono associati a un tipo, quindi non vengono caricati dal browser. Perché un browser non carica un file di tipo mime non associato? Penso che sia una domanda a parte che non conosco la risposta. –

+2

@ CamilleSévigny Credo che la risposta alla tua domanda sia che IIS rende disponibili solo tipi di file validi, quindi dal momento che non riconosce il .woff e.estensioni woff2, risponde alle richieste di questi file con 404 - non trovato. – Grungondola

38

Nel mio caso, Ho appena scaricato il file mancante direttamente da qui: https://github.com/twbs/bootstrap/blob/master/dist/fonts/glyphicons-halflings-regular.woff2

+6

risolto per me. Grazie. Ho scaricato i file e salvato la cartella dei caratteri nella directory del mio progetto. File CSS nella cartella "css", font nella cartella "fonts" – CyprUS

+1

A volte le soluzioni sono piuttosto semplici e non siamo a conoscenza di:) Thnx per la soluzione, mi mancava nella mia cartella 'fonts' nella mia app MVC5 – Irfan

0

Aggiungi questo al vostro HTML se si ha solo l'accesso al codice HTML:

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

Ho provato tutti i suggerimenti sopra, ma il mio vero problema era che la mia applicazione stava cercando la cartella/font e il suo contenuto (.woff ecc.) in app/fonts, ma la mia cartella/fonts era allo stesso livello di/app. Ho spostato/font in/app, e ora funziona bene. Spero che questo aiuti qualcun altro a trovare il web per una risposta.