Làm cách nào? #iefix giải quyết các phông chữ web tải trong IE6-IE8?

Question

Rất nhiều bài viết trên web như sau: http://www.fontspring.com/blog/fixing-ie9-font-face-problems đề xuất thêm một số ?#iefix vào url eot. Tôi đã tò mò muốn biết cách là điều này sẽ giải quyết được vấn đề. Cảm ơn.

Answer 1

IE8 và cũ hơn có lỗi trong trình phân tích cú pháp của chúng cho thuộc tính src. Vì vậy, nếu bạn bao gồm nhiều hơn 1 định dạng phông chữ trong SRC, IE không tải được và báo cáo lỗi 404.
Dấu chấm hỏi giải quyết vấn đề khi nó đánh IE vào phần còn lại của chuỗi (src khác) là chuỗi truy vấn và do đó chỉ tải tệp EOT ...
Các trình duyệt khác sẽ tuân theo đặc điểm và chỉ tải cần phông chữ kiểu ...
Bạn có thể muốn đọc Paul Irish của Bulletproof @font-face syntax để biết thêm về một số khác của lý do tại sao là ...

Answer 2

các ?#iefix đang có mặt để ngăn chặn các trình duyệt giải thích bất kỳ ký tự sau khi ? như là một chuỗi truy vấn và do đó ngăn chặn một lỗi máy chủ có thể xảy ra.

Answer 3

Bạn có thể làm bất cứ điều gì thay vì ?#iefix: Mục tiêu cơ bản là đặt ?#something sau tệp phông chữ đầu tiên trong URL như @Rexyz đã trả lời.

@font-face { 
font-family: 'MyWebFont'; 
src: url('webfont.eot'); /* IE9 Compat Modes */ 
src: url('webfont.eot?#FooAnything') format('embedded-opentype'), /* IE6-IE8 */ 
    url('webfont.woff') format('woff'), /* Modern Browsers */ 
    url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
    url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}