2012-11-07 12 views
6

मैंने अपने सामाजिक आइकन बनाने के लिए अभी एंटीपो फ़ॉन्ट-फेस का उपयोग करना शुरू किया, लेकिन IE8 या बाद में, यह फ़ॉन्ट को खाली बॉक्स के रूप में प्रदर्शित करता है। मुझे नहीं पता कि मेरे कोड या उनके फ़ॉन्ट में कुछ गड़बड़ है या नहीं।आईटी 8 या बाद में काम नहीं कर रहे एंटीपो @ फ़ॉन्ट-चेहरे का उपयोग करना?

@font-face { 
    font-family: 'ChunkFive'; 
    src: url('ChunkFive.eot'); 
    src: url('ChunkFive.eot?#iefix') format('embedded-opentype'), 
    url('ChunkFive.woff') format('woff'), 
    url('ChunkFive.ttf') format('truetype'), 
    url('ChunkFive.svg#font') format('svg'); ; 
    font-weight: normal; 
    font-style: normal; 
} 

आप इस पर एक llok ले सकता है:

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


.social_font a{ 
font: 47px/20px 'entypo-social', Arial, sans-serif; } 

उत्तर

5

एंटीपो IE8 में काम नहीं करता है। मैंने अभी आईई 8 में अपनी वेबसाइट का दौरा किया और उनके डेमो पूरी तरह टूट गए हैं।

1

इस कोड मैं फॉन्ट-फेस के लिए प्रयोग कर रहे है। http://css-tricks.com/snippets/css/using-font-face/

वैसे: फ़ॉन्ट-फेस IE8 में काम करता है।

+0

मैंने कोशिश की है, और मुझे लगता है कि मैंने आईई 8 समस्या नहीं होने के कारण इसे संकुचित कर दिया है। लेकिन यह http://www.entypo.com/ –

+1

हाय से प्राप्त फ़ॉन्ट के साथ कुछ गलत है। इस ट्यूटोरियल पर एक llok ले लो। [लिंक] (http://designfromwithin.com/blog-webdesign-development/2012/04/16/tutorial-cta-button-without-images-using-css3-and-entypo)। वे आपके फ़ॉन्ट का उपयोग कर रहे हैं। मैंने आईई 8 में अपना आत्म परीक्षण किया है। – Ricbermo

+0

ट्यूटोरियल के लिए धन्यवाद, लेकिन मैंने स्वयं परीक्षण किया है, और आप सही हैं यह आईई 8 में काम करता है। लेकिन मैं सामाजिक प्रतीक के साथ काम कर रहा हूं। नियमित फ़ॉन्ट आईई 9 - आईई 7 सहित सभी ब्राउज़रों में काम करता है। मुझे नहीं पता कि सामाजिक फ़ोल्डर में .eot फ़ाइल में कुछ गड़बड़ है या नहीं। –

0

डबल चेक आपको आईई का संगतता दृश्य चयनित नहीं मिला है। बिना जांच किए एक घंटे से अधिक बर्बाद हो गया और डी-चयनित होने पर यह ठीक काम करता है।

यदि आप html5shiv का उपयोग कर रहे हैं, तो फ़ॉन्ट्स वाली अपनी सीएसएस फ़ाइल के बाद इसे रखने का प्रयास करें।

1

http://fontello.com/ का उपयोग करने का प्रयास करें - आपको आवश्यक एंटीपॉ आइकन चुनें और उनका पैकेज डाउनलोड करें। जो मेरे लिए आईई 7 + में काम करता था।