asp fontawesome 404 (không tìm thấy)

Question

Tôi có lỗi này cả về sản xuất máy chủ IIS7 tôi và trên iisexpres địa phương (sau khi tôi đã thiết debug="false") kiểu MIME

GET http://localhost:64231/font/fontawesome-webfont.woff?v=3.2.1 404 (Not Found) jquery-1.11.0.min.js:2 
GET http://localhost:64231/font/fontawesome-webfont.ttf?v=3.2.1 404 (Not Found) localhost/:1 
GET http://localhost:64231/font/fontawesome-webfont.svg 404 (Not Found) 

tôi đã thêm vào web.config. Ngoài ra tôi đã thêm chúng vào IIS

<remove fileExtension=".woff" /> 
    <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" /> 
    <remove fileExtension=".svg" /> 
    <mimeMap fileExtension=".svg" mimeType="image/svg+xml" /> 
    <remove fileExtension=".ttf" /> 
    <mimeMap fileExtension=".ttf" mimeType="application/x-font-ttf" /> 

Tôi đang làm gì sai?

Answer 1

Sự cố ở đường dẫn tương đối với phông chữ. Tôi đã thay thế nó bằng đường dẫn tuyệt đối url('/content/FontAwesome/font/...');

Answer 2

Khi bạn đặt giá trị gỡ lỗi thành false, nó sẽ tự động bật tối ưu hóa cho các gói. Thay vì, trong html của bạn tạo ra mã (bằng ví dụ):

<link href="/content/bootstrap-3.3.5.min.css" rel="stylesheet"/> 
<link href="/content/font-awesome.min.css" rel="stylesheet"/> 

Bạn sẽ có một cái gì đó như thế này:

<link href="/Styles?v=ca92niiBlGWlTNkBwoMTPgQGz9_5Ghi39pZxcx5Dyfk1" rel="stylesheet"/> 

Đây là lý do tại sao con đường của bạn không chính xác nữa. Tôi nghĩ rằng thiết lập đường dẫn tuyệt đối là một cách chính xác để giải quyết vấn đề này.

Nếu bạn không muốn tự động kích hoạt tối ưu hóa khi ứng dụng của bạn đang ở chế độ phát hành (debug="false"), bạn có thể thêm dòng này vào tập tin của bạn /App_Start/BundleConfig.cs:

BundleTable.EnableOptimizations = false; 

EDIT: Tôi chỉ nhìn thấy ngày câu hỏi của bạn ... Tôi đến đây vì tôi đã gặp phải vấn đề tương tự ngày hôm qua. Tôi hy vọng lời giải thích của tôi sẽ giúp ai đó.

Answer 3

Đối với tôi, cả hai sửa đổi font-awesome.css hoặc phông chữ tuyệt vời là _variables.scss hoặc tắt âm thanh tối ưu hóa như ý tưởng rất tồi. Trước đây sẽ được ghi đè bởi một gói cập nhật (giả sử bạn đang sử dụng một số hệ thống quản lý gói - bower, npm, NuGet). Sau này sẽ làm giảm hiệu suất của trang web. Tôi sẽ thử các cách sau:

1. Cài đặt gói FontAwesome NuGet thay vì kho lưu trữ bower hoặc npm. Điều đó đặt số font-awesome.css vào thư mục /Content để số tương đối ../font/ cũng sẽ trỏ đến đúng hướng.
2. Sao chép các tệp (về cơ bản sao chép) thành /font/. Cái sau này có thể khiến hai bản sao phân tán trong trường hợp cập nhật gói, nhưng sẽ không làm cho trang web bị lỗi.

---

Cuối cùng tôi đã đi với một gói NuGet thay vì một Chòi chơi cho một và bỏ css vào /Contents và các phông chữ vào /fonts. Vì vậy, cả Debug và Release đều hoạt động tốt.

Answer 4

tất cả các câu trả lời cuối cùng không phù hợp với tôi. Tôi có thể thấy rằng url được trang yêu cầu cho tài nguyên giống như 'YourWebsite/fonts/fontawesome-webfont.woff2? V = 4.7.0'

Sau đó, tôi quyết định tạo gói fontawesome với đường dẫn "~/bundles/fonts "

bundles. Thêm (styleBundle mới (" ~/bundles/fonts ") .Bao gồm (" ~/Nội dung/phông chữ tuyệt vời.css", CssRewriteUrlTransform mới()));

sau đó làm việc cho tôi