Phông chữ tuyệt vời 4.2.0 hiển thị hoàn hảo trong Chrome, Firefox, Safari, Opera và Internet Explorer 11 (nhưng chỉ với Chế độ tương thích được tắt "Tắt") . Với Chế độ tương thích bật "Bật", không có biểu tượng kết xuất. Tôi đã thử sử dụng CDN Font Awesome 4.2.0 đã được thử và đúng mà tôi đã sử dụng trong các dự án khác, sử dụng Font Awesome CSS và thêm <meta http-equiv="X-UA-Compatible" content="IE=edge"> vào <head> như được đề xuất từ bài đăng GitHub để cho phép các hình tượng hiển thị với Chế độ tương thích đã bật "Bật". Không có giải pháp nào hoạt động và có Chế độ tương thích được bật "Tắt" không phải là tùy chọn cho dự án này. Vì vậy, kết luận, câu hỏi của tôi là điều này. Làm thế nào tôi có thể có Font Awesome 4.2.0 render trong Internet Explorer 11 với Chế độ tương thích bật "Bật"?Phông chữ tuyệt vời 4.2.0 không hiển thị trong IE11 với Chế độ tương thích được bật "Bật"
Trả lời
Tìm thấy giải pháp. <meta http-equiv="X-UA-Compatible" content="IE=edge"> cần được đặt làm thẻ FIRST trong <head> để thẻ hoạt động. Hy vọng điều này sẽ giúp bất cứ ai khác có vấn đề này!
Chỉ khi tôi có thể upvote nó nhiều hơn một lần .. – Umayr
không làm việc cho tôi: ( –
@ManjitSingh bạn có thể cung cấp thêm thông tin để chúng tôi có thể thử và hỗ trợ không? – racecarjonathan
Tôi cũng gặp phải sự cố tương tự. Trong trường hợp của tôi, bên dưới công việc sửa chữa:
Firefox (và, ở một mức độ thấp hơn, Chrome và IE) có vấn đề không tải xuống phông chữ và do đó không hiển thị bất kỳ biểu tượng nào chính xác.
Sửa chữa rất dễ dàng đã được xác định ở một số địa điểm, cdnjs/cdnjs # 755 là một trong số chúng.
Cách khắc phục là thêm dòng sau vào đầu file font-awesome.css (trước khi cuộc gọi @ font-family):
Tiêu đề thiết lập Access-Control-Allow-Origin "*"
Cố gắng mọi giải pháp chung (chỉ là về tất cả được liệt kê ở trên) và đây là giải pháp duy nhất hoạt động. – NealR
Tôi gặp vấn đề này với IE 11 trên máy phát triển của mình (nhưng không phải ở nơi khác). Tùy chọn Internet của tôi đã được đặt thành không cho phép tải xuống Phông chữ. Có lẽ sẽ không phổ biến, vì tôi đang sử dụng Windows Server, nhưng nếu có, hãy thử cách này để sửa lỗi:
[Gear] >> Internet Options >> Security >> Custom Level >> Tải xuống >> Tải xuống phông> > Bật
Trong trường hợp của tôi, nó được đặt là display: table trên phần tử. Việc xóa nó đã giải quyết được sự cố.
Xem xét xóa thẻ phiên bản khỏi cuối tệp. Những thẻ đó khiến IE có thể phù hợp.
thay đổi này ...
../fonts/fontawesome-webfont.eot?v=4.3.0'
này ...
../fonts/fontawesome-webfont.eot'
- 1. Phông chữ tuyệt vời và i3bar
- 2. Phông chữ Tuyệt vời không hoạt động trong Firefox & IE
- 3. Phông chữ tùy chỉnh CSS tuyệt vời
- 4. Webfont (phông chữ tuyệt vời) Không hoạt động ngoại tuyến
- 5. Phông chữ biểu tượng tuyệt vời hiển thị dưới dạng hình vuông trong chrome?
- 6. Phông chữ kích thước đáp ứng Biểu tượng tuyệt vời
- 7. Phông chữ hiển thị dấu hiệu Châu Á tuyệt vời thay vì biểu tượng
- 8. bật/tắt chế độ hiển thị của div
- 9. Bí danh trong phông chữ tuyệt vời là gì?
- 10. Vấn đề xếp chồng Phông chữ tuyệt vời trong safari
- 11. Không thể ghi đè phông chữ của bootstrap-sass bằng phông chữ tuyệt vời
- 12. Làm thế nào để cài đặt chỉ phông chữ bắt buộc từ Phông chữ tuyệt vời?
- 13. Cách sử dụng biểu tượng phông chữ (phông chữ tuyệt vời) trong bộ chọn XML
- 14. Xây dựng biểu tượng phông chữ tuyệt vời
- 15. Trích xuất SVG từ Phông chữ Tuyệt vời
- 16. Phông chữ Biểu tượng tuyệt vời không hoạt động trong một số trình duyệt
- 17. Tại sao chrome hiển thị phông chữ được hiển thị khác với họ phông chữ được tính toán?
- 18. MacVim: Hiển thị phông chữ dày hơn so với TextMate
- 19. Văn bản tuyệt vời 3: Cách bật các ràng buộc khóa ctrl ở chế độ Cổ điển?
- 20. Phông chữ biểu tượng tuyệt vời - một số màn hình, một số không
- 21. Làm cách nào để tắt chế độ COMMAND hoặc chế độ VISUAL trong Chế độ tuyệt vời?
- 22. Tôi làm cách nào để chỉ hiển thị đường viền cho biểu tượng Phông chữ tuyệt vời?
- 23. Bật chế độ xem đăng nhập trước khi trình điều khiển thanh tab được hiển thị
- 24. Biểu tượng Phông chữ tuyệt vời xung đột với các biểu tượng jQuery UI
- 25. Phông chữ biểu tượng không tải trong IE11
- 26. Sử dụng phông chữ tuyệt vời trong ứng dụng Vue được tạo bằng webpack vue-cli
- 27. Hiển thị phông chữ phông chữ @ trong Capybara-Webkit
- 28. IE9 trong chế độ tương thích không hiển thị phong cách CSS đúng
- 29. Bật chế độ trình bày trong Windows?
- 30. Hiển thị phông chữ Mac trên Windows
Các chế độ tương thích trớ trêu thay tên. Tôi tin rằng "Chế độ tương thích" làm cho nó hoạt động hiệu quả như IE7, và IE7 không được hỗ trợ trong Font Awesome 4 (nhưng với một số nỗ lực, có thể được thực hiện để làm việc với 3). – HackedByChinese