Tôi có các dòng sau trong CSS của mình.font-face dường như không hoạt động trong IE8?
@font-face { font-family: Keffeesatz; src: url(/Styles/YanoneKaffeesatz-Light.otf) format("opentype") }
@font-face { font-family: KeffeesatzBold; src: url(/Styles/YanoneKaffeesatz-Bold.otf) format("opentype") }
Trong IE9, chúng hiển thị. Trong IE8, nó sử dụng phông chữ dự phòng, Arial. Làm cách nào để làm việc này trong IE8?
Bạn cần cung cấp phiên bản phông chữ EOT để các phiên bản cũ hơn của IE nhúng vào. Họ sẽ không nhận ra bất kỳ định dạng nào khác, đó là lý do tại sao bạn đang quan sát dự phòng Arial.
Mang phông chữ của bạn đến Font Squirrel @font-face Generator và nó sẽ chuẩn bị mọi thứ cho bạn, bao gồm bộ quy tắc CSS @font-face mới để sử dụng trên các quy tắc hiện có của bạn.
Cuối cùng, Font Squirrel cũng làm việc cho tôi. Yêu đầu ra! Tuyệt diệu! cảm ơn! –
Internet Explorer không nhận dạng khuôn mặt phông chữ .ttf (TrueType) hoặc .otf (OpenType) của bạn trong CSS3, ít nhất là chưa. IE nhận dạng một .eot (Loại mở có thể nhúng).
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') 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 */
}
Hãy xem here
Thử chạy phông chữ của bạn thông qua [máy phát điện fontsquirrel của] (http://www.fontsquirrel.com/fontface/generator) và xem những gì lại chạy lần lượt ra. Đối với phông chữ tùy chỉnh để làm việc qua trình duyệt, bạn cần phải có phông chữ có sẵn trong một số định dạng. –
Hình như máy phát điện của fontsquireel không hoạt động đối với tôi. Sau khi tôi tải lên tệp, nó vẫn cho biết tôi không có tệp nào được tải lên và không có phông chữ nào trong bản tải xuống mà tệp cung cấp. Tôi đã thử với cả FireFox 10 và IE8. Tôi sẽ thử với một trình duyệt khác tối nay khi tôi về nhà. –
Trang web của FontSquirrel đang thực sự, rất chậm đối với tôi hôm nay. Tôi tự hỏi liệu họ có vấn đề gì không. Bạn cũng có thể xem một số [phông chữ web google] (http://www.google.com.vn/webfonts) để xem cách họ đã làm mọi thứ. –