2012-01-19 8 views
15

Çalıştığım bir sitede Yeşil Yastık ve Cotidiana yazı tiplerini kullanmaya çalışıyorum. Ben font-face @ kullanarak .eot dosyasını yükledim ama hala ... Gerçekten burada yanlış emin yaptık değil neÖzel yazı tipim, Internet Explorer'da çalışmak istemiyor

çalışmıyor:

@font-face { 
font-family: "link_font"; 
src: url("Greenpiloww.eot"); /* IE */ 
src: local("GreenPillow"), url("GREENPIL.otf") format("truetype"); /* non-IE */ 
} 


@font-face { 
font-family: "twitter_font"; 
src: url("Cotidiana.eot"); /* IE */ 
src: local("Cotidiana"), url("Cotidiana.ttf") format("truetype"); /* non-IE */ 
} 
+12

*** sigh *** ... Kendi kendime söylediğim her seferinde sadece bir dolarım olsaydı, * "Gee whiz, bu her tarayıcıda ancak Internet Explorer'da çalışır." * – rdlowrey

+0

cufon? Bir göz atmaya değer olabilir: http://cufon.shoqolate.com/generate/ – Magrangs

+0

Peki bu işe yaramaz, yazı tiplerini dönüştürmek için ne kullandınız? –

cevap

25

şu biçim deneyebilirsiniz, bulletproof font-face syntax olarak bilinen: .eot yazı IE tıkmamışıdır yardımcı

@font-face { 
    font-family: 'MyFontFamily'; 
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
     url('myfont-webfont.woff') format('woff'), 
     url('myfont-webfont.ttf') format('truetype'), 
     url('myfont-webfont.svg#svgFontName') format('svg'); 
    } 

Anlaşılan querystring sonra. Yazı tiplerinin .svg veya .woff sürümleri yoksa, bu satırları kaldırın.

+2

Çok teşekkürler, bu sorunu çözüyor. Microsoft'un yazı tipi oluşturma işleminin çok kötü olduğu, ama ah iyi. – sanjaypoyzer

+0

Zaten bu cevapta açıklanan kod vardı, ancak IE hala çalışmıyormuş gibi görünüyordu. F5-ing'in ve farklı bir sayfanın yüklenmesi kombinasyonunun, IE'nin birlikte hareket etmesini gerektiren şey olduğunu keşfettim. – KSwift87