"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > Google फोंट में रोबोटो स्लैब क्रोम में रेंडर करने में विफल क्यों होता है, और मैं इसे कैसे ठीक कर सकता हूं?

Google फोंट में रोबोटो स्लैब क्रोम में रेंडर करने में विफल क्यों होता है, और मैं इसे कैसे ठीक कर सकता हूं?

2025-02-02 पर प्रकाशित
ब्राउज़ करें:109

] एक विशिष्ट मुद्दा जो हाल ही में क्रोम में रोबोटो स्लैब का उपयोग करके वेबसाइटों को प्रभावित करता है। जबकि फ़ॉन्ट अन्य ब्राउज़रों में अपेक्षित रूप से प्रकट होता है, यह क्रोम में प्रारंभिक पृष्ठ लोड पर अदृश्य रहता है।

Why Does Roboto Slab in Google Fonts Fail to Render in Chrome, and How Can I Fix It?
जांच पर, यह क्रोम में एक ज्ञात बग प्रतीत होता है। समस्या का कारण यह है कि क्रोम कभी -कभी प्रारंभिक पृष्ठ लोड के दौरान कस्टम फोंट को सही ढंग से प्रस्तुत करने में विफल हो सकता है। हालाँकि, एक बार एक CSS संपत्ति को फिर से प्राप्त कर लिया जाता है (जैसे, एक स्टाइल लिंक पर मँडराकर), फ़ॉन्ट दिखाई देता है।

इसे हल करने के लिए, एक वर्कअराउंड विकसित किया गया है जो केवल CSS पर निर्भर करता है। अपने स्टाइलशीट में निम्न कोड जोड़कर, आप यह सुनिश्चित कर सकते हैं कि क्रोम फ़ॉन्ट को सही ढंग से प्रस्तुत करता है: शरीर { -webkit-animation-delay: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-duration: 0.1s; -webkit-animation-retration-count: 1; -वेबिट-एनिमेशन-टाइमिंग-फंक्शन: रैखिक; } @-webkit-keyframes fontfix { {अपारदर्शिता से: 1; } से {अपारदर्शिता: 1; } }

यह वर्कअराउंड अनिवार्य रूप से क्रोम को पाठ को फिर से तैयार करने के लिए मजबूर करता है, समस्या को हल करता है। यह ध्यान देने योग्य है कि यह एक सीएसएस-केवल समाधान है और सभी स्थितियों के लिए उपयुक्त नहीं हो सकता है। फिर भी, यह Chrome में Google फोंट प्रदान करने वाली समस्या को संबोधित करने का एक प्रभावी साधन प्रदान करता है।

नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3