आईई 8 में फ़ॉन्ट-फेस काम नहीं कर रहा है?

Question

मेरे पास मेरे सीएसएस में निम्न पंक्तियां हैं I

@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") } 

आईई 9 में, ये शो अप। आईई 8 में, यह फ़ॉलबैक फ़ॉन्ट, एरियल का उपयोग कर रहा है। आईई 8 में काम करने के लिए मैं इसे कैसे प्राप्त करूं?

Answer 1

आईई के पुराने संस्करणों को एम्बेड करने के लिए आपको अपने फ़ॉन्ट का एक ईओटी संस्करण प्रदान करने की आवश्यकता है। वे किसी भी अन्य प्रारूप को पहचान नहीं पाएंगे, यही कारण है कि आप एरियल में फॉलबैक देख रहे हैं।

अपना फ़ॉन्ट Font Squirrel @font-face Generator पर ले जाएं और यह आपके मौजूदा चीज़ों का उपयोग करने के लिए सीएसएस @font-face नियमों के एक नए सेट सहित आपके लिए सब कुछ तैयार करेगा।

Answer 2

इंटरनेट एक्सप्लोरर आपके .ttf (TrueType) या .otf (OpenType) फ़ॉन्ट चेहरे को CSS3 में कम से कम अभी तक नहीं पहचानता है। आईई एक .eot (एम्बेड करने योग्य ओपन प्रकार) पहचानता है।

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

here