GÜNCELLEME: bu konu hakkında ne öğrendim ile ilgili bir blog yazısı yazdım. Ne olduğunu hala tam olarak anlamıyorum ama umarım birileri bunu okur ve benim konuda biraz ışık tutacaktır: http://andymcfee.com/2012/04/04/icon-fonts-pseudo-elements-and-ie8

Font-face @simgeleri için özel bir yazı tipi almak için kullandığım bir sayfa var. Simgeleri bir sınıf oluşturulur:

.icon {font-family: 'icon-font';}
.icon:before {content: 'A';}

Ve voila, için kullanılır ne var"". Oldukça standart şeyler, tüm tarayıcılar, IE8 dahil olmak üzere çalışır.

Ancak, tuhaf bir hata var IE8, içinde. Sayfa yüklendiğinde, yazı çalışmıyor. Simgeler yerine, her yere mektup var. Sayfa (vücut) ÜZERİNDE dolaşıyorum sonra, harflerin yarısını simgeler hale gelir. Gerisini onlar üzerinde dolaşıyorum, simgeleri haline geldi.

Font-yüzü düzgün gömme. Yazı tipi-aile ve içerik özellikleri de çalışıyoruz, ama başka bir şey simgeleri yalnızca vurgulu sonra yüklenmeye neden oluyor.

Yani bir çeşit böcek ile @font-face IE8 kullanmaya çalıştığınızda yazı :önce{içerik: 'a'} ama hiçbir fikrim yok ne hata değildir.

Bir şey//benzer bir hata için burada saatlerce aradım ama şansım hiç yaver gitmedi ve çıldırmak üzereyim. HERHANGİ bir öneriniz var mı?

Eğer yardımcı olabilecek artık bilgi sağlayabilir varsa bana bildirin.

EDİT: blog yazısı. kırık link Güncelleme

Aynı hata vardı.

Domready (tabii ki IE8 için): bu komut çalıştırarak düzelttim

var head = document.getElementsByTagName('head')[0],
    style = document.createElement('style');
style.type = 'text/css';
style.styleSheet.cssText = ':before,:after{content:none !important';
head.appendChild(style);
setTimeout(function(){
    head.removeChild(style);
}, 0);

Bu IE8 :before :after pseudo elementler yeniden boyutlandırmaya izin verir