2013-10-03 7 views
9

मैंने अपनी वेबसाइट में एक कस्टम फ़ॉन्ट प्राप्त करने के लिए निम्न कोड का उपयोग किया है! निम्नलिखित कोड का उपयोग कर!फ़ॉन्ट फेस IE8 में काम नहीं कर रहा है

@font-face{ 
    font-family:portagolTC; 
    src: url(../font/PortagoITC_TT.woff?) format('woff'); 
    src: url(../font/PortagoITC_TT.eot?#iefix) format('opentype'); 
} 

यह क्रोम, एफएफ, आईई 10, आईई 9 में काम करता है लेकिन आईई 8 में नहीं! मुझसे यहां क्या गलत हो रहा है? अगर मैं कुछ गलत कर रहा हूं तो कृपया मुझे सही करें।

नोट: मैंने गुमराह किया है और कुछ स्टैक ओवरफ्लो उत्तरों पाए हैं लेकिन मेरी समस्या को हल करने के लिए कुछ भी नहीं लगता है।

CSS3111: @font-face encountered unknown error. 
PortagoITC_TT.woff 
CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. 
PortagoITC_TT.ttf 
CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. 
PortagoITC_TT.ttf 
+0

संभव duplicat [जोड़े एक वेबसाइट के लिए एक फ़ॉन्ट] (http क्या मेरी समस्या हल थोड़ा मेरी @font-face कोड को बदलने के लिए किया गया था: //stackoverflow.com/a/16541871/1763929)। – Vucko

+0

मैंने इसे चेक किया लेकिन यह काम नहीं करता है! –

+0

शायद यह फ़ॉन्ट के कारण है। परीक्षण के लिए एक अलग के साथ प्रयास करें। – Vucko

उत्तर

17

IE8 फेंकता है तो CSS3111: @font-face encountered unknown error, तो आप शायद मेल नहीं खाने वाले font-family नाम समस्या है।

इसे हल करने के लिए, आपको अपनी फ़ॉन्ट फ़ाइल को संपादित करने, फ़ॉन्ट नाम, पारिवारिक नाम और मनुष्यों के नाम के लिए समान नाम परिभाषित करने और अपने टीटीएफ को निर्यात करने की आवश्यकता है। यह FontForge एप्लिकेशन का उपयोग करके किया जा सकता है। इसके बाद, आप इसे वेब (ईओटी, डब्ल्यूओएफएफ) के लिए फिर से परिवर्तित कर सकते हैं।

और जानकारी: http://fontface.codeandmore.com/blog/ie-7-8-error-with-eot-css3111/

अद्यतन

यह TTF फ़ॉन्ट के अपने संस्करण को डाउनलोड करके काम कर बनाया गया और वेब के लिए यह बदल दिया। सीएसएस मैं प्रयोग किया है:

@font-face { 
    font-family: 'portagoitc-tt'; 
    src: url('fonts/portagoitc-tt.eot'); 
    src: url('fonts/portagoitc-tt.eot?iefix') format('opentype'), 
     url('fonts/portagoitc-tt.woff') format('woff'), 
     url('fonts/portagoitc-tt.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 
+0

मैंने अभी आपके समाधान की कोशिश की है। लेकिन कोई अच्छा नहीं! –

+1

बस इसे स्थानीय रूप से आजमाया और यह सभी ब्राउज़रों (आईई 7 और आईई 8 सहित) पर काम कर रहा है। मैंने 'पोर्टगोआईटीसी टीटी' फ़ॉन्ट टीटीएफ प्रारूप डाउनलोड किया है और इसे वेब के लिए रूपांतरित कर दिया है। सीएसएस मैंने उपयोग किया: &at; फ़ॉन्ट-फेस { फ़ॉन्ट-फ़ैमिली: 'portagoitc-tt'; src: url ('fonts/portagoitc-tt.eot'); src: url ('fonts/portagoitc-tt.eot? Iefix') प्रारूप ('opentype'), url ('फ़ॉन्ट्स/portagoitc-tt।woff ') प्रारूप (' woff '), url (' फोंट/portagoitc-tt.ttf ') प्रारूप (' truetype '); फ़ॉन्ट-वज़न: सामान्य; फ़ॉन्ट-शैली: सामान्य; } यह आपकी फ़ॉन्ट फ़ाइलों के साथ एक समस्या प्रतीत होता है। आप किस उपकरण का उपयोग करने के लिए उपयोग करते थे? –

+0

यदि आप मुझे बता सकते हैं कि आपने फ़ॉन्ट डाउनलोड किया है और इसे परिवर्तित किया है, तो यह मेरी मदद कर सकता है। और क्या आप कृपया अपने उत्तर में सीएसएस जोड़ सकते हैं .. –

2

हालांकि मेरी कंपनी फॉन्ट खरीदा है, सभी प्रारूपों (EOT, WOFF आदि), मैं IE8 और IE10 में काम करने के लिए मिल गया फ्लॉप। मैंने ttf प्रारूप को http://www.fontsquirrel.com/tools/webfont-generator पर अपलोड किया और 'वेबफॉन्ट' मिला ?? संस्करण और अब यह काम करता है !!!

आईई के जल्द ही कंसोल को देखना चाहिए था, वहां परमिट की समस्याएं हैं।

+0

बहुत उपयोगी, धन्यवाद @ Daniel। – Jongosi

3

मुझे आईई 8 के साथ परेशानी थी और कोई कंसोल त्रुटि संदेश था।

से पहले::

@font-face { 
    font-family: "Hero"; 
    src: local("Hero"), 
     url("../fonts/Hero.eot?"), 
     url("../fonts/Hero.woff") format("woff"), 
     url("../fonts/Hero.ttf") format("truetype"), 
     url("../fonts/Hero.svg#Hero") format("svg"); 
    font-weight: normal; 
    font-style: normal; 
} 

के बाद:

@font-face { 
    font-family: "Hero"; 
    src: url("../fonts/Hero.eot"); /* this line made the difference */ 
    src: local("Hero"), 
     url("../fonts/Hero.eot?"), 
     url("../fonts/Hero.woff") format("woff"), 
     url("../fonts/Hero.ttf") format("truetype"), 
     url("../fonts/Hero.svg#Hero") format("svg"); 
    font-weight: normal; 
    font-style: normal; 
} 
संबंधित मुद्दे