Phông chữ Bootstrap woff2 không được tải chính xác

Question

Phông chữ khởi động không tải chính xác glyphicons-halflings-regular.woff2.

Nó hiển thị lỗi trong bảng điều khiển Chrome của tôi.

Bất kỳ giải pháp nào để tải nó đúng cách, sao cho nó không hiển thị lỗi trong bảng điều khiển?

Answer 1

Vì bạn đặt thẻ asp.net-mvc vào bài đăng của mình, tôi sẽ cung cấp cho bạn giải pháp cấu hình IIS cho bạn.

Chrome không tiêu thụ woff và ném lỗi 404 khi máy chủ web của bạn không được định cấu hình với loại MIME 'woff' hoặc 'woff2'.

Bạn cần phải thêm IIS một MIME-TYPE cho woff2

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

Bạn có thể cấu hình nó trong web.xml.

Và bạn cũng có thể thực hiện việc này thông qua trình quản lý IIS.

1. mở IIS manager
2. Tính năng View -> Các loại MIME
3. Actions -> Add
4. Bạn sẽ thấy thêm Loại MIME hộp và đặt phần mở rộng woff2 trong phần mở rộng tập tin" .woff2"
5. và kiểu MIME là "application/font-woff2".

Answer 2

Vấn đề tương tự đã được giải quyết bằng cách thêm cho IIS các thẻ trong Web.config trong, dưới thư mục Views.

Answer 3

Một hack nhỏ 1) tìm kiếm glyphicons-Halflings-regular.woff 2) Sao chép glyphicons-Halflings-regular.woff như glyphicons-Halflings-regular.woff2 3) Đặt này được yêu cầu thư mục. Nó hoạt động trong trường hợp của tôi.