पेजकिट - स्व-होस्टेड GrapesJS साइट बिल्डर, स्रोत के रूप में बेचा गया। जल्दी पहुंच प्राप्त करें

अंक #2716✓ हल कियाखोला गया 16 अप्रैल 2020द्वारा Sameedkhan255 प्रतिक्रियाएं

Grapejs में कस्टम फ़ॉन्ट जोड़ने में समस्या

त्वरित उत्तरद्वारा artf❤ 5

बस इतना करो और आपको ऐसा कभी नहीं करना चाहिए styleManager.render()

नीचे पूरा उत्तर पढ़ें ↓

प्रश्न

@artf मैंने नीचे दी गई विधि का पालन किया है और सूची में फ़ॉन्ट को सफलतापूर्वक जोड़ा है, लेकिन सभी फोंट सही व्यवहार नहीं दिखा रहे हैं, मैं सिस्टम में एवेनिर फ़ॉन्ट जोड़ना चाहता हूं, जब मैंने उन्हें जोड़ा तो यह फ़ॉन्ट को एवेनिर में नहीं बदल रहा है, लेकिन इसे कुछ डिफ़ॉल्ट मान दे रहा है editor.on('load', function () { styleManager = editor.StyleManager; fontProperty = styleManager.getProperty ('टाइपोग्राफी', 'फ़ॉन्ट-परिवार'); var list = []; fontProperty.set ('सूची', सूची); सूची = [ fontProperty.addOption({value: "'Oswald', sans-serif", नाम: 'Oswald'}), fontProperty.addOption({value: "Helvetica Ne...

जवाब (3)

👍 सबसे उपयोगीartf• 20 अप्रैल 2020

बस इतना करो

const prop = editor.StyleManager.getProperty('typography', 'font-family');
prop.set('options', [
    {value: "'Oswald', sans-serif", name: 'Oswald'},
	...
]);

और आपको ऐसा कभी नहीं करना चाहिए styleManager.render()

Sameedkhan25• 21 अप्रैल 2020

बस यही करो और आपको ऐसा कभी नहीं करना चाहिए styleManager.render() @artf इसके लिए बहुत-बहुत धन्यवाद मैंने अपने कोड को इसके साथ बदल दिया है मैंने स्क्रीनशॉट में दिखाए गए संपादक में फोंट को सफलतापूर्वक सूचीबद्ध किया है, लेकिन मैं संपादक में स्थानीय फ़ॉन्ट जोड़ने के लिए बाहरी सीएसएस फ़ाइल जोड़ना चाहता ह...

artf• 21 अप्रैल 2020

बाहरी सीएसएस आयात करने का यह सही तरीका है जिसे मैं संपादक में प्रीलोड करना चाहता हूं ??

हां, आप इसे सही कर रहे हैं, आपको इसे देखना चाहिए। जांचें कि आपका फ़ॉन्ट सही ढंग से लोड हो रहा है (गलत पथ, .otf के साथ ब्राउज़र संगतता, आदि)

संबंधित प्रश्न और उत्तर

इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।

अंक #2823

मैंने फोंट लोड करने के लिए इस विधि का उपयोग किया है, क्रोम में ठीक काम कर रहा है लेकिन सफारी में मूल फोंट सूची दिखा रहा है

editor.on('load', function () { styleManager = editor.StyleManager; fontProperty = styleManager.getProperty ('टाइपोग्राफी', 'फ़ॉन्ट-परिवार'...

1 उत्तरअपडेट किया गया 17 जून 2020

अंक #1622

टाइपोग्राफी में कस्टम फ़ॉन्ट के लिए डिफ़ॉल्ट चयनित फ़ॉन्ट समस्या.

जब मैं किसी भी तत्व पर क्लिक करता हूं तो एक फ़ॉन्ट समस्या होती है जो तत्व के वर्तमान फ़ॉन्ट को नहीं दिखाती है, मैंने अपने कस्टम फोंट जोड़ने...

3 उत्तरअपडेट किया गया 30 जनवरी 2020

अंक #2715

मैंने नीचे दी गई विधि का उपयोग करके कस्टम फ़ॉन्ट जोड़ा है लेकिन वह फ़ॉन्ट केवल कुछ मामलों में काम कर रहा है

जब मैं किसी भी तत्व पर क्लिक करता हूं तो एक फ़ॉन्ट समस्या होती है जो तत्व के वर्तमान फ़ॉन्ट को नहीं दिखाती है, मैंने अपने कस्टम फोंट जोड़ने...

0 उत्तरअपडेट किया गया 20 अप्रैल 2020

अंक #3123

करतब: स्टाइल मैनेजर में चयनकर्ता प्रदर्शित करने के लिए 'इनलाइन-फ्लेक्स' जोड़ें

आप GrapesJS में क्या जोड़ने की कोशिश कर रहे हैं? प्रदर्शन शैली inline-flex. या क़िस्‍म: वर्तमान में स्टाइल मैनेजर के डिस्प्ले चयनकर्ता के प...

4 उत्तरअपडेट किया गया 18 अगस्त 2025

सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं

समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।

सभी प्लगइन्स देखें

सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...

निःशुल्क विकल्प

ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।

मुफ्त प्लगइन्स ब्राउज़ करें →
प्रीमियम विकल्प

प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।

प्रीमियम प्लगइन्स ब्राउज़ करें →

संबंधित ट्यूटोरियल

एक ही विषय पर गहन मार्गदर्शिकाएँ।

सभी ट्यूटोरियल →

ब्राउज़ प्लगइन श्रेणियाँ

सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।