Google Chrome cung cấp cho cảnh báo Resource hiểu là Font nhưng chuyển với kiểu MIME application/octet-stream:

Question

tôi tiếp tục nhận được cảnh báo này

Resource hiểu là Font nhưng chuyển với kiểu MIME application/octet-stream: "http://127.0.0.1:8080/assets/font/fontawesome-webfont.woff ".

Tôi đang sử dụng máy chủ web Play 2.0.4. Tôi đã thêm các loại mime vào tệp application.conf của mình như sau

mimetype.eot = application/vnd.ms-fontobject 
mimetype.otf = application/octet-stream 
mimetype.ttf=application/x-font-ttf 
mimetype.woff = application/x-font-woff 

Bất kỳ ý tưởng nào tôi có thể làm sai.

Answer 1

Trên thực tế, tôi thấy câu trả lời:

Một số trình duyệt như Google Chrome, sẽ hiển thị cảnh báo này khi một phông chữ sẽ được tải về từ một máy chủ web mà đặt một kiểu MIME bất ngờ cho phông chữ.

Đối với nhiều loại phông chữ, có một giải pháp!

Cập nhật cấu hình cho máy chủ web của bạn với những điều sau MIME loại mỗi phần mở rộng tập tin phông chữ:

.ttf — font/truetype 
.otf — font/opentype 
.eot — application/vnd.ms-fontobject 
.woff — application/x-font-woff 

Nếu bạn đang sử dụng cấu hình Apache, bạn có thể bao gồm các chỉ thị AddType đối với từng loại font:

ứng dụng AddType/vnd.ms-fontobject EOT
AddType font/truetype ttf
ứng dụng AddType/x-font-WOFF WOFF
AddType font/OpenType OTF

Với một kiểu MIME cụ thể cấu hình mỗi font chữ, và không phải là generic application/octet-stream kiểu MIME, bạn nên không còn thấy một cảnh báo trong giao diện điều khiển trình duyệt web của bạn.

Cấu hình này - trong khi hiệu quả để làm sạch bảng điều khiển của bạn - không bao gồm loại MIME chính xác về kỹ thuật cho các phông chữ như OTF, TTF và WOFF. Đối với các loại phông chữ này, loại MIME chính thức chưa được (chưa) được phê duyệt. Một loại chính thức cho WOFF - application/font-woff - đã được yêu cầu.AddType font/OpenType OTF

http://www.jbarker.com/blog/2011/resource-interpreted-font-transferred-mime-type

Answer 2

Nếu bạn đang sử dụng một ứng dụng Rack-based, bạn có thể sửa đổi các Rack::Mime::MIME_TYPES băm trong config.ru của bạn:

# Additional mime types 
Rack::Mime::MIME_TYPES.merge!({ 
    ".eot" => "application/vnd.ms-fontobject", 
    ".ttf" => "font/ttf", 
    ".otf" => "font/otf", 
    ".woff" => "application/x-font-woff" 
}) 

Answer 3

Ví dụ IIS của tôi, tôi phải sử dụng các mục sau:

.woff - application/font-woff (không application/x-font-woff)

Xem:

• Resource interpreted as Font but transferred with MIME type application/x-font-woff
• http://zduck.com/2013/google-chrome-and-woff-font-mime-type-warnings/