आइकन

Question

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

एक testpage यहाँ देखा जा सकता है: http://2weitweitweg.de/test.html

और यहाँ यह का एक स्क्रीनशॉट है: http://postimg.org/image/9yh5p0p97/

यह आपके ब्राउज़र में लक्षण दिखाई देता है? क्या समस्या ब्राउज़र- या सर्वर से संबंधित है? मेरे द्वारा यह कैसे किया जा सकता है?

अलविदा

Answer 1

एक ही रूप में मुझे भी, मेरे पीसी ब्राउज़रों [उन सभी को], लेकिन मैं बाद में एक मोबाइल जावा ओपेरा ब्राउज़र [जावा मोबाइल फोन के लिए नवीनतम ओपेरा ब्राउज़र पर फ़ॉन्ट भयानक परीक्षण किया पर फ़ॉन्ट भयानक काम करता है (सी 2-03 सटीक होना)] मैं केवल एशियाई संकेत/अक्षर/प्रतीकों को देखता हूं, कभी-कभी मैं फ़ॉन्ट भयानक प्रतीकों के बजाय बॉक्स देखता हूं। मुझे आशा है कि यह हल हो जाएगा?

Answer 2

सबसे अधिक संभावना है कि वास्तविक फ़ॉन्ट फ़ाइलें नहीं मिल रही हैं। आप फ़ॉन्ट भयानक सीएसएस फ़ाइल में देखो, तो आप शायद की तरह कुछ देखेंगे:।

@font-face { 
    font-family: 'FontAwesome'; 
    src: url('../font/fontawesome-webfont.eot'); 
    src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), 
    [...etc] 

यह एक फ़ोल्डर में एक ही स्तर है कि सीएसएस फ़ाइल में है पर फ़ॉन्ट कहा जाता है में फ़ॉन्ट फ़ाइलों को खोजने के लिए उम्मीद है उदाहरण के लिए:

myproject/css 
       /font-awesome.css 
        [...etc] 
     /font 
       /fontawesome-webfont.eot 
        [...etc] 

यदि फ़ाइलें सही जगह पर हैं तो यह संभव है कि वे अनुमतियों के साथ कुछ समस्या के कारण लोड नहीं हो रहे हैं या यहां तक ​​कि आप एक अजीब ब्राउज़र का उपयोग कर रहे हैं जो उचित रूप से @ फ़ॉन्ट-फेस का समर्थन नहीं करता है। बेशक आप यह देखने के लिए font awesome examples page पर ब्राउज़ करके बाद वाले को रद्द कर सकते हैं कि यह आइकन सही तरीके से प्रदर्शित करता है या नहीं।

Answer 3

मुझे यह समस्या थी और ऐसा इसलिए था क्योंकि मैं पुराने fontawesome संस्करण के साथ पुराने HTML का उपयोग कर रहा था।

<i class="fa-bitbucket"></i> 

लिए:

मैं बदलकर तय

<i class="fa fa-bitbucket"></i> 

अर्थात मुझे तत्व में डिफ़ॉल्ट fa कक्षा को जोड़ना पड़ा।

नवीनतम संस्करण fa उपसर्ग का उपयोग करता है लेकिन आपके लिए, मुझे लगता है कि यह icon हो सकता है।

आशा यह कुछ चरण :-)

Answer 4

पर बाहर किसी को आपकी मदद करता है 4 का उपयोग करते हैं।0 या बाद में, वे http://fontawesome.io/icons/ और क्लिक करके/जाकर fa कक्षाएं को icon कक्षाएं बदल दिया है तो अपने कोड

<i class="fa fa-camera-retro fa-large"></i> 

बजाय

<i class="icon icon-camera-retro icon-large"></i> 

आप आइकन, विशिष्ट कोड उदाहरण मिल सकते हैं की

कहना चाहिए आपको जिस आइकन की आवश्यकता है उसे टैप करें।

मैं जब करने के लिए 4.0.3

Answer 5

आशा मैं कर रहा हूँ नहीं बहुत देर हो चुकी, अपने सर्वर पर कुछ ठीक से विन्यस्त नहीं है 3.2 से उन्नयन यह एक ही मुद्दा था, समाधान अनुमति देने के लिए है * .woff और * .tff निश्चित संसाधनों की तरह अनुरोध किया जा करने के लिए बस की तरह आप इस अलग तरह से मंच के आधार पर किया जाता है * .css और * .js के साथ क्या,:

क्या मैं बनाने के लिए किया था यह काम:

बदला अपने स्टाइलशीट के साथ (क्योंकि हम जी नहीं कर सकते हैं संसाधनों के लिए एट):

<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.1/css/font-awesome.css" rel="stylesheet"> 

और अपने पुराने आइकन * वर्गों की जगह, उदाहरण के लिए:

<i class="fa-umbrella fa text-error"></i> 

और अब यह काम करता है: