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

Question

Tôi nhận được thông báo lỗi này bất cứ khi nào tôi tải trang ứng dụng của tôi Tôi đang sử dụng Apache sau là mã css của tôi

.

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

Firefox ném

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

Trong khi chrome nói

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

bất cứ ai có thể cho tôi biết làm thế nào để fi x vấn đề này? Cảm ơn trước.

Answer 1

này đã làm việc cho tôi: Thêm các dòng sau vào web.config của bạn

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

Bạn cần phải thêm những dòng này vì theo mặc định Apache không được cấu hình với .woff như một mặc định MIME-type. Apache default MIME-type Điều này cũng cho IIS. Như Seb Duggan giải thích ở đây: IIS default MIME, theo mặc định. Các tệp tin lưu trữ sẽ không được máy chủ phân phối.

Answer 2

Nếu bạn không có quyền truy cập vào cấu hình máy chủ web của mình, bạn cũng có thể chỉ RENAME tệp để kết thúc bằng svg (nhưng vẫn giữ nguyên định dạng). Hoạt động tốt cho tôi trong Chrome và Firefox.

Answer 3

tôi giải quyết nó cũng sử dụng thêm các loại tập tin dưới xử lý trên web.config của bạn cho bất kỳ ứng dụng .net, góc vv bạn có thể đặt một web.config trên 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

Tôi đã cập nhật mime- loại trong máy chủ web IIS của tôi và điều đó giải quyết vấn đề của tôi.

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

Tôi không cần thay đổi gì trong web.config.

Answer 5

Add "src:" trước khi url, ví dụ: -

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