Google के रोबोटो फ़ॉन्ट को हर जगह कैसे उपयोग करें
रोबोटो फ़ॉन्ट एंड्रॉइड 4.0 आइसक्रीम सैंडविच मंच के लिए Google द्वारा बनाए गए सैन्स-सेरिफ़ फ़ॉन्ट का एक नया सेट है। यह एक अच्छा और सुरुचिपूर्ण फ़ॉन्ट है जो आपके एंड्रॉइड फोन और टैबलेट जैसे उच्च रिज़ॉल्यूशन स्क्रीन पर अच्छी तरह से प्रस्तुत करता है। इसमें फ़ॉन्ट वजन का पूरा सेट होता है (इसमें नियमित, बोल्ड, इटैलिक और बोल्ड इटैलिक भार शामिल हैं) और मुख्य रूप से सिस्टम ऐप्स और सभी Google ऐप्स के लिए उपयोग किया जाता है। प्लेटफार्म को एकजुट करने और यूआई विखंडन मुद्दे को कम करने के लिए Google द्वारा यह पहला कदम भी है।
उन लोगों के लिए जो फ़ॉन्ट पसंद करते हैं और माइक्रोसॉफ़्ट वर्ड, पेज, फ़ोटोशॉप, गिंप, या यहां तक कि उनकी वेबसाइट पर भी अपने अनुप्रयोगों पर इसका इस्तेमाल करना चाहते हैं, Google ने कृपया फ़ॉन्ट को मुफ्त में जारी कर दिया है और अब आप बिना किसी प्रतिबंध के इसे इस्तेमाल कर सकते हैं अपाचे सॉफ्टवेयर लाइसेंस)।
यहां बताया गया है कि आप इसका उपयोग कैसे कर सकते हैं (लगभग) हर जगह।
1. सबसे पहले, रोबोटो फ़ॉन्ट साइट पर जाएं और फ़ॉन्ट डाउनलोड करें (ज़िप फ़ाइल)।
2. ज़िप फ़ाइल निकालें। आपको "Roboto_Hinted_20111129" नामक फ़ोल्डर देखना चाहिए। फ़ोल्डर खोलें और आपको सभी रोबोटो फोंट (अपाचे सॉफ़्टवेयर लाइसेंस के तहत) में देखना चाहिए। (अपाचे सॉफ्टवेयर लाइसेंस के तहत)। (अपाचे सॉफ्टवेयर लाइसेंस के तहत)। विभिन्न वजन) .ttf प्रारूप में।
लिनक्स के लिए (उबंटू):
अपना घर फ़ोल्डर खोलें और छिपी हुई फाइलों / फ़ोल्डरों को देखने का विकल्प सक्षम करें। " .fonts " फ़ोल्डर का पता लगाएं। यदि यह अस्तित्व में नहीं है, तो इसे बनाएं। इसके बाद, रोबोटो फ़ॉन्ट फ़ोल्डर को इस " .fonts " फ़ोल्डर में ले जाएं।
अपने लिबर ऑफिस, जीआईएमपी, फ़ोटोशॉप या जो भी ऐप आप उपयोग कर रहे हैं उसे पुनरारंभ करें। आपको चयन के लिए उपलब्ध रोबोटो फ़ॉन्ट देखना चाहिए।
विंडोज के लिए
रोबोटो फ़ॉन्ट फ़ोल्डर खोलें। सभी फोंट का चयन करें। अपने माउस पर राइट-क्लिक करें और "इंस्टॉल करें" का चयन करें।
यह आपके विंडोज मशीन पर फोंट स्थापित करेगा। अब आप अपने अनुप्रयोगों में रोबोटो फ़ॉन्ट का उपयोग कर सकते हैं।
मैक के लिए
बस अपने रोबोट फ़ॉन्ट्स को अपनी फ़ॉन्ट बुक पर खींचें।
एंड्रॉइड फोन के लिए
चूंकि फ़ॉन्ट एक सिस्टम स्तरीय एप्लिकेशन है, इसलिए आप अपने एंड्रॉइड फोन में आसानी से फ़ॉन्ट को बदलने में सक्षम नहीं होंगे। जिनके पास पुराना एंड्रॉइड फोन है (एंड्रॉइड 4.0 आईसीएस से पहले), आपको अपने फोन को रूट करना होगा और फ़ॉन्ट परिवर्तक ऐप कस्टम एंड्रॉइड फ़ॉन्ट स्विचर इंस्टॉल करना होगा।
अपना फ़ाइल प्रबंधक ऐप खोलें, एसडी कार्ड (/ एसडीकार्ड) की जड़ पर नेविगेट करें और एक फ़ोल्डर बनाएं (यदि मौजूद नहीं है) ".fontchanger"। इस फ़ोल्डर में सभी रोबोटो फ़ॉन्ट रखें। फ़ॉन्ट परिवर्तक ऐप खोलें और इसे सुपर यूज़र अनुमति दें। एक बार लोड होने के बाद, आपको मुख्य मेनू में चयन के लिए रोबोटो फ़ॉन्ट देखना चाहिए।
आईओएस के लिए
डिवाइस को जेलब्रैक किए बिना आईओएस सिस्टम फ़ॉन्ट को बदलने का कोई तरीका नहीं है। अपनी वारंटी रद्द करने के लिए तैयार रहें।
1. अपने आईओएस डिवाइस को जेलबैक करें और साइडिया से बाइटफॉन्ट इंस्टॉल करें।
2. अगला, "Cydia -> अनुभाग -> फ़ॉन्ट्स" पर जाएं और रोबोटो फ़ॉन्ट इंस्टॉल करें
3. अंत में, बाइटफॉन्ट ऐप चलाएं और आपको सूची में रोबोटो फ़ॉन्ट देखना चाहिए, जो लागू होने के लिए तैयार है।
वेब के लिए
यदि आप अपनी वेबसाइट में रोबोटो फ़ॉन्ट का उपयोग करना चाहते हैं, तो आप अपने वेबपृष्ठ पर बाहरी फ़ॉन्ट एम्बेड करने के लिए CSS3 @ फ़ॉन्ट-फेस सिंटैक्स का उपयोग कर सकते हैं।
1. FontSquirrel रोबोटो फ़ॉन्ट पेज पर जाएं और "@ फ़ॉन्ट-फेस किट" लिंक पर क्लिक करें। "@ फ़ॉन्ट-फेस किट" डाउनलोड करें।
(अपाचे सॉफ्टवेयर लाइसेंस के तहत)।
2. ज़िप फ़ाइल को अपनी वेबसाइट फ़ॉन्ट फ़ोल्डर में निकालें। अपनी वेब स्टाइलशीट खोलें और निम्न कोड जोड़ें:
@ फ़ॉन्ट-फेस {फ़ॉन्ट-फ़ैमिली: 'रोबोटो'; src: url ('Roboto-Regular-webfont.eot'); src: url ('Roboto-Regular-webfont.eot? #iefix') प्रारूप ('एम्बेडेड-ओपटेपे'), यूआरएल ('रोबोटो-रेगुलर-वेबफॉन्ट.वॉफ') प्रारूप ('woff'), यूआरएल ('रोबोटो- नियमित-webfont.ttf ') प्रारूप (' truetype '), url (' Roboto-Regular-webfont.svg # RobotoRegular ') प्रारूप (' svg '); फ़ॉन्ट वजन: सामान्य; फ़ॉन्ट शैली: सामान्य; } @ फ़ॉन्ट-फेस {फ़ॉन्ट-फ़ैमिली: 'रोबोटो'; src: url ('Roboto-Italic-webfont.eot'); src: url ('Roboto-Italic-webfont.eot? #iefix') प्रारूप ('एम्बेडेड-ओपटेपे'), यूआरएल ('रोबोटो-इटालिक-वेबफॉन्ट.वॉफ') प्रारूप ('woff'), यूआरएल ('रोबोटो- इटालिक-वेबफॉन्ट.एटीएफ ') प्रारूप (' ट्रूटाइप '), यूआरएल (' रोबोटो-इटालिक-वेबफॉन्ट.svg # रोबोटोइटलिक ') प्रारूप (' svg '); फ़ॉन्ट वजन: सामान्य; फ़ॉन्ट शैली: इटालिक; } @ फ़ॉन्ट-फेस {फ़ॉन्ट-फ़ैमिली: 'रोबोटो'; src: url ('Roboto-Bold-webfont.eot'); src: url ('Roboto-Bold-webfont.eot? #iefix') प्रारूप ('एम्बेडेड-ओपटेपे'), यूआरएल ('रोबोटो-बोल्ड-वेबफॉन्ट.वॉफ') प्रारूप ('woff'), यूआरएल ('रोबोटो- बोल्ड-webfont.ttf ') प्रारूप (' truetype '), url (' Roboto-Bold-webfont.svg # RobotoBold ') प्रारूप (' svg '); फोंट की मोटाई: बोल्ड; फ़ॉन्ट शैली: सामान्य; } @ फ़ॉन्ट-फेस {फ़ॉन्ट-फ़ैमिली: 'रोबोटो'; src: url ('Roboto-BoldItalic-webfont.eot'); src: url ('Roboto-BoldItalic-webfont.eot? #iefix') प्रारूप ('एम्बेडेड-ओपटेपे'), यूआरएल ('रोबोटो-बोल्ड इतालिक-वेबफॉन्ट.वॉफ') प्रारूप ('woff'), यूआरएल ('रोबोटो- बोल्ड इटैलिक-वेबफॉन्ट.एटीएफ ') प्रारूप (' ट्रूटाइप '), यूआरएल (' रोबोटो-बोल्डइटलिक-वेबफॉन्ट.svg # रोबोटोबॉल्ड इटैलिक ') प्रारूप (' svg '); फोंट की मोटाई: बोल्ड; फ़ॉन्ट शैली: इटालिक; } @ फ़ॉन्ट-फेस {फ़ॉन्ट-फ़ैमिली: 'रोबोटो'; src: url ('Roboto-Thin-webfont.eot'); src: url ('Roboto-Thin-webfont.eot? #iefix') प्रारूप ('एम्बेडेड-ओपटेपे'), यूआरएल ('रोबोटो-थिन-वेबफॉन्ट.वॉफ') प्रारूप ('woff'), यूआरएल ('रोबोटो- Thin-webfont.ttf ') प्रारूप (' truetype '), url (' Roboto-Thin-webfont.svg # RobotoThin ') प्रारूप (' svg '); फ़ॉन्ट वजन: 200; फ़ॉन्ट शैली: सामान्य; } @ फ़ॉन्ट-फेस {फ़ॉन्ट-फ़ैमिली: 'रोबोटो'; src: url ('Roboto-ThinItalic-webfont.eot'); src: url ('Roboto-ThinItalic-webfont.eot? #iefix') प्रारूप ('एम्बेडेड-ओपटेपे'), यूआरएल ('रोबोटो-थिनइटलिक-वेबफॉन्ट.वॉफ') प्रारूप ('woff'), यूआरएल ('रोबोटो- ThinItalic-webfont.ttf ') प्रारूप (' truetype '), url (' Roboto-ThinItalic-webfont.svg # RobotoThinItalic ') प्रारूप (' svg '); (अपाचे सॉफ्टवेयर लाइसेंस के तहत)। फ़ॉन्ट वजन: 200; फ़ॉन्ट शैली: इटालिक; } @ फ़ॉन्ट-फेस {फ़ॉन्ट-फ़ैमिली: 'रोबोटो'; src: url ('रोबोटो-लाइट-webfont.eot'); src: url ('Roboto-light-webfont.eot? #iefix') प्रारूप ('एम्बेडेड-ओपटेपे'), यूआरएल ('रोबोटो-लाइट-वेबफॉन्ट.वॉफ') प्रारूप ('woff'), यूआरएल ('रोबोटो- लाइट-webfont.ttf ') प्रारूप (' truetype '), यूआरएल (' रोबोटो-लाइट-webfont.svg # रोबोटोलाइट ') प्रारूप (' svg '); फ़ॉन्ट वजन: 100; फ़ॉन्ट शैली: सामान्य; } @ फ़ॉन्ट-फेस {फ़ॉन्ट-फ़ैमिली: 'रोबोटो'; src: url ('Roboto-LightItalic-webfont.eot'); src: url ('Roboto-lightItalic-webfont.eot? #iefix') प्रारूप ('एम्बेडेड-ओपटेपे'), यूआरएल ('रोबोटो-लाइटइटलिक-वेबफॉन्ट.वॉफ') प्रारूप ('woff'), यूआरएल ('रोबोटो- लाइटइटलिक-वेबफॉन्ट.एटीएफ ') प्रारूप (' ट्रूटाइप '), यूआरएल (' रोबोटो-लाइटइटलिक-वेबफॉन्ट.svg # रोबोटोलाइट इटैलिक ') प्रारूप (' svg '); फ़ॉन्ट वजन: 100; फ़ॉन्ट शैली: इटालिक; } @ फ़ॉन्ट-फेस {फ़ॉन्ट-फ़ैमिली: 'रोबोटो'; src: url ('रोबोटो-मध्यम-webfont.eot'); src: url ('रोबोटो-मध्यम-webfont.eot? #iefix') प्रारूप ('एम्बेडेड-ओपटेपे'), यूआरएल ('रोबोटो-मध्यम-वेबफॉन्ट.वॉफ') प्रारूप ('woff'), यूआरएल ('रोबोटो- मध्यम-webfont.ttf ') प्रारूप (' truetype '), url (' Roboto-Medium-webfont.svg # RobotoMedium ') प्रारूप (' svg '); फ़ॉन्ट वजन: 300; फ़ॉन्ट शैली: सामान्य; } @ फ़ॉन्ट-फेस {फ़ॉन्ट-फ़ैमिली: 'रोबोटो'; src: url ('Roboto-MediumItalic-webfont.eot'); src: url ('Roboto-MediumItalic-webfont.eot? #iefix') प्रारूप ('एम्बेडेड-ओपटेपे'), यूआरएल ('रोबोटो-मध्यमइटलिक-वेबफॉन्ट.वॉफ') प्रारूप ('woff'), यूआरएल ('रोबोटो- MediumItalic-webfont.ttf ') प्रारूप (' truetype '), url (' Roboto-MediumItalic-webfont.svg # RobotoMediumItalic ') प्रारूप (' svg '); फ़ॉन्ट वजन: 300; फ़ॉन्ट शैली: इटालिक; }
सुनिश्चित करें कि आप फ़ॉन्ट फ़ोल्डर के पथ पर इंगित करने के लिए "src" को बदल दें।
अगला, आप वाक्यविन्यास का उपयोग कर सकते हैं
font-family: "Roboto";
अपने वेब पेज पर रोबोटो फ़ॉन्ट प्रदर्शित करने के लिए।
बस। का आनंद लें!