2012-03-01 21 views
6

benim CSS aşağıdaki satırları. IE9'da, bu gösteriliyor. IE8'de, geri dönüş yazı tipini Arial kullanıyor. Bunu IE8'de çalışmak için nasıl alabilirim?font-face IE8'de çalışmıyormu?

+0

bir göz atın. Özel yazı tiplerinin tarayıcılar arası çalışması için, yazı tipinin çeşitli biçimlerde kullanılabilmesi gerekir. –

+0

Fontsquireel'in jeneratörünün benim için çalışmıyor gibi görünüyor. Dosyaları yükledikten sonra hala dosya yüklendiğimi ve indirmede yazı tipi olmadığını söylüyor. FireFox 10 ve IE8 ile denedim. Bu gece eve geldiğimde başka bir tarayıcıyla deneyeceğim. –

+0

FontSquirrel'in web sitesi bugün benim için gerçekten çok yavaş. Bazı sorunlarınız varsa merak ediyorum. Bazı şeyleri nasıl yaptığını görmek için bazı [google web fontları] (http://www.google.com/webfonts) adresine de göz atabilirsiniz. –

cevap

15

Katıştırmak için IE'nin eski sürümleri için sırayla yazı tipinin bir EOT sürümünü sağlamanız gerekir. Başka bir biçimi tanımıyorlar, bu yüzden Arial'e geri dönüşü gözlemliyorsunuz.

Yazı tipinizi Font Squirrel @font-face Generator numarasına taşıyın ve mevcut olanlarınız üzerinde kullanmak üzere yeni bir CSS @font-face kuralları da dahil olmak üzere her şeyi sizin için hazırlayacaktır.

+0

Sonunda yazı tipi Squirrel benim için çalışacak. Çıkışı sevdim! Fantastik! Teşekkürler! –

1

Internet Explorer, en azından henüz değil, sizin .ttf (TrueType) ya da .OTF (OpenType) yazı CSS3 yüzleri tanımıyor. IE bir .eot (Katıştırılabilir Açık Tip) tanır.

@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 */ 
} 

[fontsquirrel jeneratörü] (http://www.fontsquirrel.com/fontface/generator) aracılığıyla yazı çalıştırmayı deneyin ve onu cranks görmek here

+1

IE9 zaten en yaygın yazı tipi biçimlerini tanır. – BoltClock

+2

Evet, ancak ie9 uyumluluk modları değil – koffster