विषयसूची:

मैं प्रतिक्रिया करने के लिए Google फोंट कैसे जोड़ूं?
मैं प्रतिक्रिया करने के लिए Google फोंट कैसे जोड़ूं?

वीडियो: मैं प्रतिक्रिया करने के लिए Google फोंट कैसे जोड़ूं?

वीडियो: मैं प्रतिक्रिया करने के लिए Google फोंट कैसे जोड़ूं?
वीडियो: प्रतिक्रिया ट्यूटोरियल - प्रोजेक्ट #3 में Google फ़ॉन्ट्स जोड़ें 2024, अप्रैल
Anonim

शामिल गूगल फ़ॉन्ट्स

हमारी प्रतिक्रिया . js ऐप एकल HTML फ़ाइल का उपयोग कर रहा है। आगे बढ़ें और संपादित करें public/index. एचटीएमएल और जोड़ें दो टाइपफेस को शामिल करने के लिए HTML के अनुभाग में निम्न पंक्ति।

इसके अलावा, मैं प्रतिक्रिया करने के लिए फोंट कैसे जोड़ूं?

डाउनलोड करें फ़ॉन्ट Google से आपके कंप्यूटर पर और वह ज़िप फ़ाइल खोलें जो वह थी डाउनलोड की गई में। एक बनाएँ ' फोंट्स ' क्रिएट के रूट या src डायरेक्टरी में फोल्डर- प्रतिक्रिया -ऐप प्रोजेक्ट। कॉपी करें फोंट्स आप (जैसे FiraSans. ttf) का उपयोग करना चाहते हैं ' फोंट्स ' निर्देशिका।

साथ ही, क्या Google फॉण्ट व्यावसायिक उपयोग के लिए निःशुल्क हैं? हां, गूगल फोंट सभी के लिए लाइसेंस प्राप्त हैं वाणिज्य उपयोग एसआईएल ओपन के तहत फ़ॉन्ट लाइसेंस, जो किसी को भी करने की अनुमति देता है उपयोग उन्हें - व्यक्तिगत और के लिए व्यावसायिक परियोजनाएं -- नि: शुल्क और साफ।

इस संबंध में, मैं प्रतिक्रिया JS में एक फ़ॉन्ट कैसे आयात करूं?

अपने में प्रतिक्रिया प्रोजेक्ट, अपने src फोल्डर में एक फोल्डर बनाएं और उसे नाम दें ' फोंट्स '। इस फोल्डर में एक फाइल बनाएं जिसे आप कॉल करते हैं फोंट्स . जे एस - इसमें आपके लिए आयात शामिल होंगे फोंट्स और बाद में उन्हें आपके बाकी ऐप के लिए उपलब्ध करा देगा।

मैं डाउनलोड किए गए फोंट को HTML से कैसे लिंक करूं?

किसी वेबसाइट पर कस्टम फोंट जोड़ने के लिए नीचे समझाया गया @ फॉन्ट-फेस सीएसएस नियम सबसे आम तरीका है।

  1. चरण 1: फ़ॉन्ट डाउनलोड करें।
  2. चरण 2: क्रॉस-ब्राउज़िंग के लिए एक वेबफ़ॉन्ट किट बनाएं।
  3. चरण 3: अपनी वेबसाइट पर फ़ॉन्ट फ़ाइलें अपलोड करें।
  4. चरण 4: अपनी सीएसएस फ़ाइल को अपडेट और अपलोड करें।
  5. चरण 5: अपने सीएसएस घोषणाओं में कस्टम फ़ॉन्ट का प्रयोग करें।

सिफारिश की: