2014-06-08 14 views
22

Dostaję komunikat o błędzie gdy załadować moją stronę aplikacji Używam Apache Poniżej mój kod css„NetworkError:?.. 404 Not Found fontawesome-webfont.woff v = 4.0.3

.

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

Firefox rzuca

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

Chociaż chrom mówi

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

Czy ktoś może mi powiedzieć jak fi x ten problem? Z góry dzięki.

+0

musielibyśmy znać strukturę katalogów. Gdzie jest plik nadrzędny ładujący plik .woff? 404 oznacza po prostu, że plik, do którego się zwraca, nie istnieje lub "nie znaleziono pliku". – Silvertiger

+0

Czcionka znajduje się w tym samym folderze co pozostałe czcionki (.ttf, .svg) i działa poprawnie. Link css jest taki sam jak inne czcionki. adres URL ("../ fonts/fontawesome-webfont.woff? V = 4.0.3 ') (" woff "), adres URL (" ../ fonts/fontawesome-webfont.ttf? V = 4.0.3 format "(truetype"), url ("../ fonts/fontawesome-webfont.svg? v = 4.0.3 # fontawesomeregular") format ("svg"); –

+0

w takim przypadku, czy może być literówka w adresie URL? Wielka litera tam nie powinna się zakładać, itp? – Silvertiger

Odpowiedz

67

Ten pracował dla mnie: Dodaj poniższe linie do pliku web.config

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

Trzeba dodać te linie ponieważ domyślnie Apache nie jest skonfigurowany z .woff jako domyślny typ MIME. Apache default MIME-type Dotyczy to również usług IIS. Jak wyjaśnia Seb Duggan: IIS default MIME, domyślnie pliki .woff nie będą obsługiwane przez serwer.

+9

To działało dla mnie po tym, jak zaktualizowałem go dla '.woff2' – JumpingJezza

1

Jeśli nie masz dostępu do swojej konfiguracji serwera sieciowego, możesz po prostu ZMIENIĆ plik tak, aby kończył się na svg (ale zachował format). Działa dobrze dla mnie w Chrome i Firefox.

2

rozwiązać to również za pomocą dodawania typ pliku pod koparki na web.config dla każdej aplikacji .NET, kątowe itp można ustawić web.config 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> 
7

zaktualizowałem mime- typy na moim serwerze IIS i rozwiązuje mój problem.

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

Nie muszę niczego zmieniać w web.config.

1

Add "src:" przed adresem URL, na przykład: -

@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; 
} 
Powiązane problemy