पेज तैयार होने से पहले जावास्क्रिप्ट के माध्यम से बाहरी फोंट कैसे लोड करें

मैं फोंट लोड करने के लिए अपनी वेबसाइट पर टाइपकिट का उपयोग कर रहा हूं और टाइपकिट मुझे 2 लिंक देता है।पेज तैयार होने से पहले जावास्क्रिप्ट के माध्यम से बाहरी फोंट कैसे लोड करें

<script src="https://use.typekit.net/xxxx.js"></script> 
<script>try { Typekit.load({ async: false }); } catch (e) { }</script>

मैं सिर टैग में ये लिंक डाल लेकिन जब मैं में प्रवेश मेरी वेबसाइट फोंट सामग्री के बाद लोड कर रहे हैं। मुझे आश्चर्य है कि पृष्ठ तैयार होने से पहले या सामग्री लोड से पहले यह कैसे लोड हो सकता है।

पीएस: मैंने एसिंक की कोशिश की: सच और गलत .. दोनों ने एक ही परिणाम दिया।

स्रोत

2016-07-11 Tolga Kısaoğulları

क्या फ़ॉन्ट लिंक और '' के बीच कोई अन्य पंक्तियां हैं? इससे समस्या हो सकती है। –

नहीं .. मैंने कोशिश की है जैसा कि आपने नीचे कहा है –

क्या आप अपने '' तत्व के अंदर सभी कोड प्रदान कर सकते हैं? एक लाइव उदाहरण आपको भी मदद करने में मदद करेगा। –

फोंट लोड करते समय सामग्री को छिपाने के लिए आप एक चीज का उपयोग कर सकते हैं फ़ॉन्ट शाम। https://helpx.adobe.com/typekit/using/font-events.html

स्रोत

2016-07-11 11:28:48 exabyssus

मुझे लगता है कि यह एक ही रास्ता है, लेकिन मुझे यह पसंद नहीं था, लेकिन मुझे लगता है कि मैं उस तरह सीएसएस का उपयोग करने के लिए जा रहा हूँ। .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading p, .wf-loading span, .wf-loading a, .wf-loading बटन, .wf-loading इनपुट [ टाइप = सबमिट] { दृश्यता: छुपा; } –

आप एक लोडिंग स्क्रीन भी कार्यान्वित कर सकते हैं। यूएक्स स्टैंडपॉइंट से यह थोड़ा और परेशान है लेकिन बेहतर दिखता है। – exabyssus

हाँ आप सही हैं लेकिन मेरी इच्छा है कि यह एक समाधान था कि सामग्री लोड से पहले जेएस के माध्यम से फोंट डाउनलोड किए जाते हैं। मदद के लिए हर किसी के लिए बहुत बहुत धन्यवाद –

यदि आप <head> पर फ़ॉन्ट लिंक डाल रहे हैं तो आप window.onpaint पर आज़मा सकते हैं।

<head> 
    <script src="https://use.typekit.net/xxxx.js"></script> 
</head>

फिर;

<script type="text/javascript"> 
    function preloadFunc() 
    { 
     try { Typekit.load({ async: false }); } catch (e) { } 
    } 
    window.onpaint = preloadFunc(); 
</script>

स्रोत

2016-07-11 11:36:01

मैंने कोशिश की लेकिन यह काम नहीं किया –

पेज तैयार होने से पहले जावास्क्रिप्ट के माध्यम से बाहरी फोंट कैसे लोड करें

उत्तर

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