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

आप जैसे पाठक MUO का समर्थन करने में मदद करते हैं। जब आप हमारी साइट पर लिंक का उपयोग करके खरीदारी करते हैं, तो हम संबद्ध कमीशन अर्जित कर सकते हैं। और पढ़ें।

रिएक्टिव नेटिव आपके एप्लिकेशन का निर्माण करते समय चुनने के लिए कई डिफ़ॉल्ट फ़ॉन्ट शैली प्रदान करता है। हालांकि, अपने ऐप को मौलिकता और वैयक्तिकता प्रदान करने के लिए इसे भीड़ भरे बाजार में खड़ा करने की आवश्यकता है, आपको कभी-कभी कस्टम फोंट का उपयोग करने की आवश्यकता हो सकती है।

आइए जानें कि अपना अगला रिएक्टिव नेटिव प्रोजेक्ट बनाते समय कस्टम फोंट कैसे लागू करें।

दिन का वीडियो

फ़ॉन्ट फ़ाइल स्वरूपों को समझना

रिएक्ट नेटिव के साथ, आप किसी प्रोजेक्ट में कस्टम फ़ॉन्ट फ़ाइलें जोड़ सकते हैं और अपने ऐप्स में टेक्स्ट तत्वों की उपस्थिति को कस्टमाइज़ कर सकते हैं। ये कस्टम फोंट विभिन्न फ़ाइल स्वरूपों के साथ फ़ॉन्ट फाइलों में आते हैं। फ़ाइलों में एक विशिष्ट फ़ॉन्ट टाइपफेस के लिए एन्कोडेड स्टाइलिंग जानकारी होती है।

लैपटॉप स्लीप विंडो 10 . से नहीं जागेगा

रिएक्टिव नेटिव मोबाइल विकास में आपके द्वारा उपयोग किए जाने वाले सबसे सामान्य फ़ॉन्ट फ़ाइल स्वरूप हैं:

ट्रू टाइप फ़ॉन्ट (टीटीएफ): यह एक सामान्य फ़ॉन्ट फ़ाइल स्वरूप है जो कि अधिकांश ऑपरेटिंग सिस्टम और एप्लिकेशन समर्थन करते हैं। TTF फाइलें अपेक्षाकृत छोटी होती हैं और इनमें कई अक्षर हो सकते हैं।
ओपन टाइप फॉन्ट (ओटीएफ): यह टीटीएफ के समान है लेकिन इसमें उन्नत टाइपोग्राफिक फीचर भी शामिल हो सकते हैं। OTF फाइलें TTF फाइलों से बड़ी होती हैं और हर एप्लिकेशन उनका समर्थन नहीं करती है।
एंबेडेड ओपनटाइप फ़ॉन्ट (ईओटी): ईओटी फाइलें संपीड़ित हैं और अनधिकृत उपयोग को रोकने के लिए डिजिटल अधिकार प्रबंधन (डीआरएम) जानकारी शामिल कर सकती हैं। हालाँकि, सभी ब्राउज़र ईओटी का समर्थन नहीं करते हैं और आमतौर पर आधुनिक परियोजनाओं में उपयोग के लिए इसकी अनुशंसा नहीं की जाती है।

किसी प्रोजेक्ट में कस्टम फोंट का उपयोग करते समय, एक फ़ॉन्ट फ़ाइल प्रारूप चुनना महत्वपूर्ण है जो प्रोजेक्ट की ज़रूरतों को पूरा करता है। इसमें लक्ष्य प्लेटफ़ॉर्म समर्थन, फ़ाइल आकार, लाइसेंसिंग आवश्यकताएं और उन्नत टाइपोग्राफ़िक सुविधाओं के लिए समर्थन जैसे कारक शामिल हो सकते हैं।

वर्ड में पेज ब्रेक कैसे हटाएं

रिएक्टिव नेटिव में फॉन्ट फाइल इम्पोर्ट और अप्लाई करना

आप इंटरनेट पर कहीं से भी एक फ़ॉन्ट फ़ाइल डाउनलोड कर सकते हैं और उपयोग करने के लिए इसे अपने व्यक्तिगत रिएक्टिव नेटिव प्रोजेक्ट में आयात कर सकते हैं। हालाँकि, मुफ्त फोंट डाउनलोड करने के लिए कई अच्छी, सुरक्षित वेबसाइटें हैं सुरक्षित रूप से।

अपने रिएक्टिव नेटिव प्रोजेक्ट में फॉन्ट फाइल इम्पोर्ट करने के लिए, एक फॉन्ट फाइल बनाएं संपत्ति / फोंट निर्देशिका को अपने प्रोजेक्ट की जड़ में रखें, और उसमें फ़ॉन्ट फ़ाइलों को स्थानांतरित करें।

कंप्यूटर इंटरनेट से कनेक्ट नहीं होगा विंडोज़ 10

कस्टम फोंट का उपयोग करने के लिए आवश्यक चरण पूरी तरह से रिएक्टिव नेटिव-जेनरेट किए गए प्रोजेक्ट या एक्सपो-प्रबंधित रिएक्ट नेटिव प्रोजेक्ट के साथ काम करते समय अलग-अलग होते हैं।

प्रतिक्रियाशील मूल सीएलआई

यदि आप रिएक्टिव नेटिव सीएलआई-जनित प्रोजेक्ट के साथ काम कर रहे हैं, तो एक बनाएं प्रतिक्रिया-native.config.js फ़ाइल और इसके अंदर इन सेटिंग्स को परिभाषित करें:

 module.exports = { 
    project: { 
        ios: {}, 
        android: {} 
    }, 
    assets: [ './assets/fonts/' ], 
}

यह कॉन्फ़िगरेशन प्रोजेक्ट को इसमें संग्रहीत फ़ॉन्ट संपत्तियों को शामिल करने के लिए कहता है './संपत्ति/फोंट/' निर्देशिका ताकि टेक्स्ट तत्वों को प्रस्तुत करते समय ऐप उन्हें एक्सेस कर सके।

इसके बाद आप लिंक कर सकते हैं संपत्ति निम्न को चलाकर अपने प्रोजेक्ट में फ़ोल्डर:

 npx react-native-asset