मैं टाइपोग्राफी में एक कस्टम फ़ॉन्ट कैसे जोड़ूं | फ़ॉन्ट ड्रॉपडाउन?
इस तरह मैंने स्टाइल मैनेजर में नए फोंट जोड़े: इस फ़ंक्शन को या तो इनिशियलाइज़ करने के बाद, या editor.on('load', ()=> { .... addFonts() ... }) पर कॉल करें यदि आप न्यूज़लेटर प्रीसेट जैसे प्रीसेट का उपयोग करते हैं जो लोड के बाद स्टाइल मैनेजर को बदल देता है। इसके अलावा, उपयोग किए गए फोंट को कैनवास में इंजेक्ट करें, init फ...
नीचे पूरा उत्तर पढ़ें ↓प्रश्न
नमस्ते
सबसे पहले, यह वही है जिसकी मैं लंबे समय से तलाश कर रहा था इसलिए आपके प्रयासों के लिए धन्यवाद।
इसके बाद, मैं टाइपोग्राफी में एक फ़ॉन्ट जोड़ना चाहता हूं | ड्रॉपडाउन सूची। मैं एक जोड़ने के बारे में कैसे जाऊं?
नोट: मैंने उन पोस्टों को देखा है जहां आप एक नई स्टाइलशीट जोड़ने का सुझाव देते हैं लेकिन मैं चाहता हूं कि यह केवल टाइपोग्राफी विकल्पों के अनुसार लागू हो। मैंने यह भी देखा कि आपने atRules के लिए समर्थन जोड़ा है, लेकिन मुझे नहीं लगता कि यह फ़ॉन्ट ड्रॉपडाउन में एक विकल्प जोड़ देगा और उस पर प्रलेखन भी नहीं ढूंढ सकता है ...
आपके समय के लिए धन्यवाद।
जवाब (3)
इस तरह मैंने स्टाइल मैनेजर में नए फोंट जोड़े: इस फ़ंक्शन को या तो इनिशियलाइज़ करने के बाद, या editor.on('load', ()=> { .... addFonts() ... }) पर कॉल करें यदि आप न्यूज़लेटर प्रीसेट जैसे प्रीसेट का उपयोग करते हैं जो लोड के बाद स्टाइल मैनेजर को बदल देता है। इसके अलावा, उपयोग किए गए फोंट को कैनवास में...
हाय @webnoob वर्तमान में ऐसा करने का एकमात्र तरीका इसे आरंभीकरण ऑब्जेक्ट के माध्यम से जोड़ना है। यहाँ डेमो से स्निपेट है https://github.com/artf/grapesjs/ब्लॉब/जीएच-पेज/demo.html#L1045-L1062 जैसा कि आप देख सकते हैं कि मैं किसी भी फ़ॉन्ट परिवार को निर्दिष्ट नहीं करता हूं, मैं सिर्फ इसका नाम अपडेट कर...
इसके लिए धन्यवाद। आपने मुझे ऊपर जो दिखाया है, उसके आधार पर, मैंने अतिरिक्त फ़ॉन्ट जोड़ने के लिए स्टाइलमैनेजर का उपयोग किया है, जैसे: मुझे लगता है कि इस पद्धति का उपयोग करके मुझे वास्तव में काम करने के लिए संपादक में एक स्टाइलशीट के माध्यम से वास्तविक फ़ॉन्ट आयात करने की आवश्यकता होगी या क्या आप इसक...
संबंधित प्रश्न और उत्तर
इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।
अंक #1374
डिफ़ॉल्ट घटक गुण
क्या कोई तरीका है जिससे मैं घटकों के डिफ़ॉल्ट गुणों को बदल सकता हूं? मैं चाहता हूं कि लगभग सब कुछ copyable: false, resizable: false, dragga...
अंक #491
एसेट मैनेजर रिप्लेसमेंट
क्या परिसंपत्ति प्रबंधक को किसी पूरी तरह से अलग चीज़ (जैसे CKFinder - https://ckeditor.com/ckeditor-4/ckfinder/) से बदलना संभव है? वैकल्पिक...
अंक #2061
कैनवास के अंत में एक घटक कैसे रखें।
मैं अपने पाद लेख को कैनवास के अंत में कैसे रख सकता हूं? मैं चाहता हूं कि संपादक पाद लेख के नीचे एक ब्लॉक/विजेट रखने की अनुमति न दे। उदाहरण
अंक #2073
UrlLoad का उपयोग करने में परेशानी
मुझे एक टेम्पलेट लोड करने के लिए अपने समापन बिंदु पर कॉल करने में एक समस्या है, यह एक पूर्व उड़ान विकल्प अनुरोध कर रहा है, लेकिन मुझे यह नह...
सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं
समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।
सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...
ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।
मुफ्त प्लगइन्स ब्राउज़ करें →प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।
प्रीमियम प्लगइन्स ब्राउज़ करें →संबंधित ट्यूटोरियल
एक ही विषय पर गहन मार्गदर्शिकाएँ।
ब्राउज़ प्लगइन श्रेणियाँ
सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।