2012-11-09 12 views
30

हम आइकन समर्थन के लिए ट्विटर बूटस्ट्रैप और FontAwesome का उपयोग कर रहे हैं।एक Azure वेब पेज परिनियोजन पर काम करने के लिए fontawesome कैसे प्राप्त करें?

हमारे आईआईएस सर्वरों में से किसी एक को तैनात करते समय मुझे एमआईएमई समर्थन जोड़ने की आवश्यकता है।

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

उत्तर

69

बस web.config के लिए निम्न जोड़ें ...

<system.webServer>  
    <staticContent> 
     <remove fileExtension=".svg" /> 
     <remove fileExtension=".eot" /> 
     <remove fileExtension=".woff" /> 
     <mimeMap fileExtension=".svg" mimeType="image/svg+xml" /> 
     <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" /> 
     <mimeMap fileExtension=".woff" mimeType="application/x-woff" /> 
    </staticContent> 
</system.webServer> 
+0

धन्यवाद! मैं अब दो दिनों से लड़ रहा हूं! – mattruma

+0

हम्म, मैंने कोशिश की लेकिन फिर भी यह काम नहीं करता है। हालांकि सर्वर पक्ष पर एमआईएमई प्रकार स्थानीय परिभाषाओं के साथ अद्यतन हो जाते हैं। – tofutim

+0

web.config कहां स्थित है? – fscore

7

अद्यतन

इस उत्तर अब FontAwesome nuget पैकेज में हाल के परिवर्तनों की वजह से अनावश्यक है।


समाधान स्वीकार किए जाते हैं जवाब में वर्णित के अलावा, मैंने देखा है कि मेरी परियोजना में फोंट ~/सामग्री/फोंट में थे, लेकिन साइट में फोंट/Azure पर फोंट के लिए देख रहा था।

कामकाज के रूप में, मैंने फ़ॉन्ट फ़ाइलों को ~/फोंट पर कॉपी किया (सुनिश्चित करें कि बिल्ड एक्शन को सभी के लिए Content पर सेट किया गया था) और क्लाउड में सब कुछ अच्छा है।

+5

उपरोक्त मूल उत्तर आवश्यक है - web.config परिवर्तनों के बारे में। लेकिन इस जवाब ने मुझे सही दिशा में स्थापित करने में भी मदद की। मैं अपने फोंट को एक अलग स्थान (~/फोंट) में प्रकाशित नहीं करना चाहता था, इसलिए मैंने अपने स्वयं के बंडल में निचले स्तर के पथ/सामग्री/फोंट/बंडल के साथ Fontawesome को अलग किया ... इस तरह: बंडल। जोड़ें (नया स्टाइलबंडल ("~/सामग्री/फोंट/बंडल") शामिल करें ("~/सामग्री/fontawesome/font-awesome.css")); – Ender2050

+0

आपके उत्तर ने मेरी मदद की, धन्यवाद ~! – Franva

+0

यह समाधान काम करता है। कुछ कारणों से फ़ॉन्ट-भयान रूट में फ़ॉन्ट फ़ोल्डर की तलाश में था, यूआरएल (../) के अंदर भी फ़ॉन्ट-awesome.css फ़ॉन्ट-भयानक निर्देशिका के अंदर रिश्तेदार फ़ॉन्ट फ़ोल्डर की तलाश में है –

1

उपर्युक्त करने के बाद, और यदि यह अभी भी काम नहीं करता है, तो अपने थीम फ़ोल्डर के सीएसएस फ़ोल्डर में फ़ॉन्ट-awesome.css के लिए फ़ाइल की जांच करें।

फ़ॉन्ट-भयानक फ़ाइलों को जोड़ने वाला एक यूआरएल है। सुनिश्चित करें कि यह आपके नए डोमेन से फ़ॉन्ट फ़ाइलों के साथ आपके Azure साइट पर इंगित करने वाले फ़ोल्डर को इंगित करता है, यानी ../font/.. के बजाय पूर्ण URL दर्ज करें।

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