2015-04-24 19 views
30

Carattere Bootstrap non caricato correttamente glyphicons-halflings-regular.woff2.Carattere bootstrap woff2 non caricato correttamente

Mostra l'errore nella mia console di Chrome.

Qualsiasi soluzione per farlo caricare correttamente, in modo che non mostri l'errore nella console?

+0

Hai controllato che esista nella tua directory dei caratteri? – Sam

+1

Sì, esiste nella directory. –

risposta

59

Dato che hai inserito un tag asp.net-mvc nel tuo post, ti sto dando una soluzione di configurazione IIS.

Chrome non consuma woff e genera errore 404 quando il server Web non è configurato con tipo MIME "woff" o "woff2".

È necessario aggiungere IIS un MIME-Type per woff2

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

È possibile configurare in web.xml.

E lo si può fare anche tramite il gestore IIS.

  1. aprire Gestione IIS
  2. Visualizzazione funzionalità -> Tipi MIME
  3. azioni -> Aggiungi
  4. Si vedrà aggiungere casella Tipo MIME e mettere estensione woff2 l'estensione file" .woff2"
  5. e tipo MIME come "application/font-woff2" pure.
+0

No woff2 che non è stato caricato correttamente –

+0

@ V.J. prova sopra le impostazioni. – hina10531

+1

Ha funzionato come un vero toccasana per me - grazie! –

2

Lo stesso problema è stato risolto con l'aggiunta per IIS i tag in web.config in, nella cartella Visualizzazioni.

+0

"aggiungendo * i tag *" in realtà non risponde nulla. –

0

Un piccolo mod 1) ricerca glyphicons-halfling-regular.woff 2) Copia glyphicons-halfling-regular.woff come glyphicons-halfling-regular.woff2 3) Mettere questo è richiesto cartella. Ha funzionato nel mio caso.

Problemi correlati