"NetworkError:?.. 404 Not Found fontawesome-webfont.woff v = 4.0.3

Question

sto ottenendo questo messaggio di errore ogni volta che carico il mio pagina dell'applicazione Sto usando Apache seguito è il mio codice css

.

url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff')

Firefox getta

"NetworkError: 404 Not Found url.../fonts/fontawesome-webfont.woff?v=4.0.3

mentre Chrome dice

GET url.../fonts/fontawesome-webfont.woff?v=4.0.3 404 (Not Found)

qualcuno può dirmi come fi x questo problema? Grazie in anticipo.

Answer 1

questo ha funzionato per me: Aggiungere le seguenti righe al web.config

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

È necessario aggiungere queste righe perché per impostazione predefinita Apache non è configurato con .woff come MIME-tipo predefinito. Apache default MIME-type Questo vale anche per IIS. Come spiega Seb Duggan qui: IIS default MIME, per impostazione predefinita i file .woff non saranno serviti dal server.

Answer 2

Se non si ha accesso alla configurazione del server Web, è anche possibile RINOMINARE il file in modo che termini in svg (ma mantenga il formato). Funziona bene per me in Chrome e Firefox.

Answer 3

ho risolto utilizzando anche aggiungere il tipo di file con i gestori sul web.config per qualsiasi applicazione .NET, angolari ecc È possibile impostare un web.config su IIS

 <handlers> 
    <add name="fonts" path="*.woff" verb="*" preCondition="integratedMode" type="System.Web.StaticFileHandler" /> 
    <add name="fonts2" path="*.woff2" verb="*" preCondition="integratedMode" type="System.Web.StaticFileHandler" /> 
    </handlers> 

Answer 4

Ho aggiornato MIME tipi nel mio server web IIS e che risolve il mio problema.

Extention > .ttf MimeType > application/x-font-ttf 
Extention > .woff MimeType > application/x-font-woff 
Extention > .woff2 MimeType > application/x-font-woff2 

Non ho bisogno di modificare nulla in web.config.

Answer 5

Add "src:" prima di URL, ad esempio: -

@font-face { 
    font-family: 'FontAwesome'; 
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');  
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype');  
    src: url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');  
    src: url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');  
    src: url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype');  
    src: url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');  
    font-weight: normal;  
    font-style: normal; 
}