फ़ॉन्ट विस्मयकारी संसाधन लोड करने में विफल/font/fontawesome-webfont.woff?v=3.0.1

Question

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

संसाधन संसाधन लोड करने में असफल: /font/fontawesome-webfont.woff वी = 3.0.1
करने में विफल लोड संसाधन संसाधन: /font/fontawesome-webfont.ttf? v = 3.0.1

मैं इस त्रुटि से कैसे छुटकारा पा सकता हूं?

Answer 1

resource: उपसर्ग grails संसाधन प्लगइन के सीएसएस पुनर्लेखन प्रक्रिया में एक मध्यस्थ कदम है। आप विज्ञापन-संसाधन संसाधन प्रोसेसर या सीएसएस रीराइटर में किसी बग पर ट्राइपिंग प्रतीत होते हैं।

मैंने एक उदाहरण आवेदन किया (grails 2.1.1, फ़ॉन्ट-भयानक 3.0.2, grails-resource 1.1.6) जो प्रारंभिक लोड पर कोई त्रुटि नहीं दिखाता है। एप्लिकेशन चलाने के साथ फ़ॉन्ट-awesome.css को संशोधित करने के बाद, फिर से लिखने वाले त्रुटियों को फेंकता है और टूटे हुए resource: यूआरएल को जगह में छोड़ देता है।

यदि मैं ?_debugResources=true के साथ एक ही अनुरोध करता हूं तो त्रुटियां फिर गायब हो जाती हैं।

मेरे नमूने के मामले में, तैनाती के बाद अकेले फ़ॉन्ट-भयानक फ़ाइलों को छोड़कर या font-awesome-resources plugin का उपयोग करके त्रुटियों को प्रदर्शित होने से रोका गया।

Answer 2

मुझे एक ही समस्या थी।

using-

src:url(asset-path('fontawesome-webfont.eot?v=3.2.1', font)); 

एक सीधा स्थिर पथ के बजाय

की कोशिश करो।

यह उन विशिष्ट त्रुटियों को साफ़ करने के लिए मेरे लिए काम करता था।

Answer 3

मैंने हाल ही में इस समस्या का सामना किया और हल किया। समाधान 'फ़ॉन्ट' निर्देशिका, और किसी भी अन्य निर्देशिका को जोड़ना है जिसे आप अपने adhoc में संसाधित करने के लिए संसाधनों को शामिल करना चाहते हैं, इसलिए यह config.groovy में ऐसा कुछ दिख रहा है (यदि आपके पास कहीं और संसाधन हैं तो आवश्यकतानुसार निर्देशिका जोड़ें)।

grails.resources.adhoc.includes = ['/images/**', '/css/**', '/js/**', '/font/**'] 

अधिक यहाँ विस्तार: URLs within CSS files broken with Grails resources plugin 1.2.7

Answer 4

यह = वी की समस्या 3.0.1 परिवर्तन आपके फ़ाइल नाम और refrence भी है। यह ठीक काम करेगा। केवल fontawesome-webfont.woff का उपयोग करें & fontawesome-webfont.ttf फ़ाइल का नाम