2012-04-22 24 views
9

के साथ @ फ़ॉन्ट-फेस नहीं मिल सकता है मुझे IE8 में दिखाने के लिए मेरे क्लाइंट का कस्टम फ़ॉन्ट चेहरा प्राप्त करने में समस्या हो रही है। यह आईई 9 & 7, और क्रोम ओबीवी में दिखाया गया है। मुझे यकीन नहीं है कि आईई का यह एक संस्करण परेशानी क्यों पैदा करेगा। यहाँ मैं वास्तव में यकीन है कि क्या स्रोत पर मुस्कुराता चेहरा नहीं कर रहा हूँ cherokee_ie.css फ़ाइलइंटरनेट एक्सप्लोरर 8

@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; 
} 

मेरी मेरी एचटीएमएल

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

और यहाँ में बयान शामिल है: स्थानीय कर रही है, लेकिन मैंने पाया यह कोड एक और एसओ में सवाल यह है कि यह आईई 7 में पूरी तरह से काम करता है (या कम से कम जहां तक ​​मैं ब्राउजरलैब के माध्यम से देख सकता हूं।)

साथ ही, ब्राउज़रलैब की तुलना में दृश्य उत्पन्न करने का एक तेज़ तरीका है?

+2

स्माइली के लिए: यह इंटरनेट एक्सप्लोरर को उस मूल्य के बाकी हिस्सों को पढ़ने से रोकता है और अन्य प्रकार के फोंट और उनके 'प्रारूप() 'एस का उपयोग करने की कोशिश करता है, जो इसका समर्थन नहीं करता है। – Ryan

+0

ओह, साफ। मुझे नहीं पता था कि आप ऐसा कर सकते हैं। क्या वह विशेष चरित्र के लिए विशेष है, या आप इसे किसी भी खाली चरित्र के साथ कर सकते हैं? –

+2

कुछ भी काम करेगा - चाल यह है कि आईई 'स्थानीय() 'का समर्थन नहीं करता है। असामान्य वर्णों का उपयोग वास्तविक स्थानीय फ़ॉन्ट्स को एक्सेस होने से रोकने के लिए किया जाता है, जो कभी-कभी सुरक्षा समस्याओं में पड़ सकता है। [यह आलेख] (http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/) में कुछ और जानकारी है। – Ryan

उत्तर

4

तो

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

भी तरह कस्टम फ़ॉन्ट चेहरा फोंट के लिए IE सशर्त निकालें और

@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; 

} 

अपने सीएसएस में रखते भी उपयोग '...' यह देखना होगा कि अपने पथ सेट कर रहे हैं सही ढंग से।

संबंधित मुद्दे