2014-06-08 25 views
22

ich diese Fehlermeldung erhalten, wenn ich meine Bewerbung Seite laden Ich verwende Apache Es folgt mein CSS-Code„NetworkError:.. 404 Not Found fontawesome-webfont.woff v = 4.0.3

.

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

Firefox wirft

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

Während Chrom sagt

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

Kann mir jemand sagen, wie man fi x Dieses Problem? Vielen Dank im Voraus.

+0

würden wir Ihre Verzeichnisstruktur kennen. Wo lädt die übergeordnete Datei die .woff-Datei? 404 bedeutet einfach, dass die Datei, auf die sie verweisen, nicht existiert oder "Datei nicht gefunden" – Silvertiger

+0

Die Schriftart befindet sich im selben Ordner wie die andere Schriftart (.ttf, .svg) und sie funktionieren einwandfrei. Und CSS-Link ist auch gleich wie die anderen Schriftarten. URL ('../ Schriftarten/fontawesome-webfont.woff? V = 4.0.3') Format ('woff'), URL ('../ Schriftarten/fontawesome-webfont.ttf? V = 4.0.3 ') format (' truetype '), url (' ../ fonts/fontawesome-webfont.svg? v = 4.0.3 # fontawesomeregular ') format (' svg '); –

+0

in diesem Fall, könnte es einen Tippfehler in der URL geben? ein Großbuchstabe dort sollte nicht wetten, usw.? – Silvertiger

Antwort

67

Das ist für mich gearbeitet:

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

Sie die folgenden Zeilen zu Ihrer web.config hinzufügen haben diese Zeilen, weil standardmäßig Apache nicht mit .woff als Standard-MIME-Typ konfiguriert hinzuzufügen. Apache default MIME-type Dies gilt auch für IIS. Wie Seb Duggan hier erklärt: IIS default MIME, werden .woff-Dateien standardmäßig nicht vom Server bedient.

+9

Das funktionierte für mich, nachdem ich es für '.woff2' aktualisiert habe – JumpingJezza

1

Wenn Sie nicht Zugriff auf Ihre Webserver-Konfiguration haben, können Sie auch einfach die Datei umbenennen, so dass sie in Svg endet (aber behalten Sie das Format). Funktioniert gut für mich in Chrome und Firefox.

2

ich es auch lösen mit dem Dateityp unter Handler auf Ihrem web.config für jede Anwendung .net Hinzufügen Winkel usw. Sie eine web.config auf IIS festlegen

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

habe ich MIME- aktualisiert Typen in meinem IIS-Webserver und das löst mein Problem.

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

Ich brauche nichts in web.config zu ändern.

1

Add "src" vor URL, zB: -

@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; 
} 
Verwandte Themen