सीएसएस में @ फ़ॉन्ट-फेस लोड करते समय ब्राउज़र में डिफ़ॉल्ट फ़ॉन्ट को कैसे हटाया जाए? "फूट"

Question

मैं @ font-face का उपयोग कर अपने वेब पेज पर दो बाहरी फोंट लोड कर रहा हूं। वे क्रोम में सही लोड हो रहे हैं, लेकिन जब मैं आईई में कोशिश करता हूं तो पेज लोड होने पर ब्राउज़र कुछ डिफ़ॉल्ट फ़ॉन्ट प्रदर्शित करता है, तो फोंट मेरे सीएसएस @ फ़ॉन्ट-फेस के अनुसार सही लोगों में बदल रहे हैं।

पेज लोड होने पर आईई और अन्य ब्राउज़रों में दिखने से डिफ़ॉल्ट फ़ॉन्ट को मैं कैसे हटा सकता हूं? मैं तथाकथित फूट (अनस्टाइल टेक्स्ट का फ्लैश) को हटाना चाहता हूं। स्टाइल शीट के माध्यम से ऐसा करने का कोई तरीका है?

किसी भी मदद के लिए धन्यवाद!

Answer 1

आप एन मिलीसेकंड के बाद अपने पाठ को फीका करने के लिए एक सीएसएस संक्रमण का उपयोग कर सकते हैं या जो कुछ भी आपको लगता है वह फ़ॉन्ट संपत्तियों को लोड करने के लिए पर्याप्त है। css3 transition animation on load?

Answer 2

है कि आप नहीं चाहते डिफ़ॉल्ट ब्राउज़र फ़ॉन्ट के लिए, 0px करने के लिए font-size सीएसएस गुण सेट और सुनिश्चित करें कि आप अपने @font-face वर्ग के नाम सीएसएस नियम में font-size घोषित किया है।

यदि आप इस समस्या को हल करने के लिए समर्पित स्क्रिप्ट का उपयोग करके इसे भी निपटाना चाहते हैं (फ़ायरफ़ॉक्स 3.5/3.6 या इंटरनेट एक्सप्लोरर 7-9), FOUT-B-Gone जावास्क्रिप्ट समाधान देखें।