Nếu tôi chỉ có WOFF và EOT, tôi sẽ hỗ trợ trình duyệt nào với @ font-face?

Chúng tôi đang xem xét việc mua một phông chữ chỉ cho phép sử dụng nó trên web theo các định dạng được cung cấp: WOFF và EOT.

Tôi không chắc những trình duyệt nào hoạt động và dường như không thể tìm thấy thông tin cập nhật. Những trình duyệt nào tôi có thể hỗ trợ chỉ với hai trình duyệt đó?

Kinh nghiệm duy nhất của tôi là với cú pháp của phông chữ có EOT, WOFF, TTF và SVG.

Đây là cách tải tiêu chuẩn với @ font-face , hacky fix và tất cả !!

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

Nhưng hãy xóa SVG và bạn sẽ mất hỗ trợ cho iOS <5.0 gần như hoàn toàn

Tôi có thể sử dụng có một bảng tuyệt vời để hỗ trợ trình duyệt nói chung là một bảng khác cho EOT , một bảng khác cho WOFF , một bảng khác cho SVG và cuối cùng là một bảng khác cho TTF . Tôi đã chèn chúng bên dưới cho rõ ràng và điều này sẽ hướng dẫn bạn những gì cần kiểm tra, nhưng hãy nhớ rằng điều này sẽ thay đổi khá nhanh.

Chỉnh sửa bởi wyu : Tôi đã biên soạn một bảng để bạn có thể xem hỗ trợ cạnh nhau

@ hỗ trợ trình duyệt phông chữ nói chung

Hỗ trợ trình duyệt EOT

Hỗ trợ trình duyệt WOFF

Hỗ trợ trình duyệt SVG

Hỗ trợ trình duyệt TTF

SVG sẽ không đưa bạn đến bất cứ nơi nào có @ font-face; nhưng, EOT được hỗ trợ bởi IE; trong đó, TTF và OTF được hỗ trợ bởi tất cả các trình duyệt chính khác. Đối với WOFF, từ việc đọc một số bài, với sự tương đồng với TTF và OTF, có thể chắc chắn rằng nó được hỗ trợ trong cùng các trình duyệt như TTF hoặc OTF. Đề nghị của tôi, nếu bạn thực sự quan tâm, hãy thử từng tiện ích mở rộng mặt chữ @ trong trình duyệt và xem những gì bạn nhận được, sau đó gửi những gì bạn nhận được cho W3C để họ cập nhật trang tiêu chuẩn của họ cho bộ mô tả khuôn mặt @ phông chữ. (Hiện tại nó không bao gồm các phần mở rộng phông chữ "an toàn").

Nếu vẫn thất bại, tôi khá chắc chắn rằng W3Schools đã được cập nhật: http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

Các nhà cung cấp Webfont thực sự cần phải cung cấp hỗ trợ eot cho dơi cho phông chữ của họ - đặc biệt là vì điều này! Bạn sẽ nghĩ rằng đây sẽ là bản chất thứ hai, ngay cả đối với dựa trên đám mây (có tùy chọn bao gồm hoặc loại trừ) - nếu mọi người buộc phải săn lùng các phông chữ trong danh sách đen, điều đó có khuyến khích vi phạm bản quyền một khi phông chữ được tìm thấy không? @ eb_p1