फ़ाइल सिस्टम या आईआईएस - सीएसएस, आईआईएस, फ़ॉन्ट्स, फ़ॉन्ट-भयानक से सेवा करते समय फ़ॉन्ट अद्भुत आइकन काम नहीं कर रहे हैं

तो मेरे पास मेरी परियोजना में फ़ॉन्ट बहुत बढ़िया काम कर रहा है।वर्तमान में विकास में ग्रंट द्वारा सेवा की जा रही है। समस्या यह है कि जब मैं फ़ाइल सिस्टम से या आईआईएस से साइट चलाने की कोशिश करता हूं, तो आइकन काम नहीं कर रहे हैं। वे "अपरिचित प्रतीक हैं। ग्रंट और आईआईएस दोनों एक ही फ़ोल्डर से सेवा कर रहे हैं, इसलिए चीजें समान होनी चाहिए।

यह क्रोम और आईई भर में हो रहा है। मैंने सत्यापित किया कि "404" नहीं हैं (अगर फाइलें नहीं मिलती हैं तो मुझे बॉक्स मिलते हैं)।

मैं फ़ॉन्ट विस्मयकारी 4.3.0 का उपयोग कर रहा हूँ।

ग्रंट से सेवा के रूप में यहां दिया गया है:

Grunt से परोसा जाता है जब फ़ॉन्ट विस्मयकारी प्रतीक काम करते हैं

फाइल सिस्टम और आईआईएस से सेवा के रूप में यहां दिया गया है:

फ़ाइल सिस्टम या आईआईएस से सेवा करते समय फ़ॉन्ट अद्भुत आइकन काम नहीं कर रहे हैं

यहां HTML क्या दिखता है:

<li>
<a href="#">
<i class="fa fa-clock-o"></i>Operations
<span class="fa arrow"></span>
</a>
</li>

उत्तर:

उत्तर № 1 के लिए 1

आखिरकार मिल गया!

मैं फ़ॉन्ट विस्मयकारी के लिए SASS लाइब्रेरी का उपयोग कर रहा हूँ। ठीक है मेरी मुख्य एसएएसएस फ़ाइल में, मैंने था:

@import "variables";
@import "../../vendor/font-awesome/scss/font-awesome";
@import "bootstrap";
@import "layout";

मुझे जो चाहिए वह फ़ॉन्ट विस्मयकारी के सामने बूटस्ट्रैप डाल दिया गया था। तो यह अब ऐसा लगता है:

@import "variables";
@import "bootstrap";
@import "../../vendor/font-awesome/scss/font-awesome";
@import "layout";

जाहिर है बूटस्ट्रैप की शैलियों हस्तक्षेप कर रहे थेफ़ॉन्ट विस्मयकारी शैलियों के साथ। मैं अभी भी यह नहीं समझ सकता कि यह क्यों काम करता था जब यह ग्रीन द्वारा किया गया था और आईआईएस / फाइल सिस्टम द्वारा नहीं किया गया था। लेकिन ध्यान दें कि किसी भी पुस्तकालय के फ़ॉन्ट विस्मयकारी के अपने कार्यान्वयन के बाद फ़ॉन्ट विस्मयकारी शामिल होना चाहिए।


जवाब के लिए 0 № 2

तो पिछले एसएएसएस आयात आदेश मेरी समस्या को ठीक करने के लिए बाहर निकला।

मैं अंत में एसएएसएस रेपो में इस मुद्दे पर ठोकर खाई: https://github.com/sass/sass/issues/1395

मुद्दे की टिप्पणियों के माध्यम से पढ़ना, ऐसा लगता हैजब SASS संपीड़न करता है तो यह एक एस्केड ASCII अनुक्रम से यूनिकोड तक फ़ॉन्ट विस्मयकारी वर्णों को बदलता है। इसलिए हमें स्पष्ट होना चाहिए ताकि ब्राउजर इसे समझ सके।

अंत में, यह मेरे लिए क्या तय किया गया (उम्मीद है कि इस बार निश्चित रूप से) जोड़ना था

<meta charset="utf-8" />

मेरे लिए head

फिंगर्स पार हो गए कि यह आखिरकार तय हो गया है।


संबंधित सवाल
सबसे लोकप्रिय