Không thể nhận được @ phông mặt với Internet Explorer 8

Question

Tôi gặp sự cố khi hiển thị phông chữ tùy chỉnh của khách hàng của mình để hiển thị trong IE8. Nó xuất hiện trong IE 9 & 7 và Chrome obv. Tôi không chắc tại sao phiên bản IE này lại gây ra rắc rối. Đây là tôi include trong html của tôi

<!--[if IE 8]> 
    <link rel="stylesheet" type="text/css" href="../styles/ie/cherokee_ie.css" /> 
    <![endif]--> 

Và đây là file cherokee_ie.css

@font-face { 
font-family: 'cherokee'; 
src: url('../../custom.eot'); 
src: url('../../custom.eot') format('embedded-opentype'), 
src: local('☺'), url('../../font/custom.woff') format('woff'), url('../../font/custom.ttf')    format('truetype'), url('../../font/custom.svg') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

h1 ul li { 
    font-family:cherokee; 
} 

Tôi không thực sự chắc chắn về mặt cười trên src: địa phương đang làm, nhưng tôi tìm thấy mã này trong một SO khác câu hỏi đã làm cho nó hoạt động hoàn hảo trong IE7 (hoặc ít nhất là tôi có thể thấy qua BrowserLab.)

Ngoài ra, có cách nào nhanh hơn để tạo ra các khung nhìn hơn Browserlab không?

Answer 1

Tháo IE có điều kiện và đặt điều này trong CSS của bạn

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

} 

cũng sử dụng '...' cho tùy chỉnh phông chữ font-face như vậy

h1 ul li { 
    font: 18px/27px 'cherokee', Arial, sans-serif; 
} 

Ngoài ra kiểm tra xem đường dẫn của bạn được thiết lập đúng.