गूगल फॉन्ट्स जापानी ट्यूटोरियल इन्फोग्राफिक

{ &quot;type&quot;: &quot;जापानी इन्फोग्राफिक&quot;, &quot;topic&quot;: &quot;गूगल फ़ॉन्ट का उपयोग कैसे करें&quot;, &quot;style&quot;: &quot;डिज़ाइन में एक साफ़, आधुनिक फ्लैट शैली है जिसमें सफेद पृष्ठभूमि, हल्के नीले और पुदीने के हरे रंग के कोने वाले ब्लॉक, सूक्ष्म छाया वाले गोल कोने वाले कार्ड, एक तकनीकी ट्यूटोरियल सौंदर्य, और स्पष्ट वेक्टर टाइपोग्राफी और यूआई चित्रण शामिल हैं।&quot;, &quot;canvas&quot;: { &quot;aspect_ratio&quot;: &quot;16:9&quot; }, &quot;headline&quot;: { &quot;main&quot;: &quot;गूगल फ़ॉन्ट का उपयोग कैसे करें&quot;, &quot;sub&quot;: &quot;बुनियादी 3 चरण&quot; }, &quot;layout&quot;: { &quot;sections&quot;: [ { &quot;title&quot;: &quot;1. फ़ॉन्ट चुनें&quot;, &quot;position&quot;: &quot;बाएं&quot;, &quot;count&quot;: 1, &quot;labels&quot;: [ &quot;1. फ़ॉन्ट चुनें&quot; ], &quot;card_style&quot;: &quot;हल्के नीले बॉर्डर/छाया वाला गोल सफेद पैनल&quot;, &quot;icon&quot;: &quot;नीला नंबर 1 वृत्त&quot;, &quot;illustration&quot;: &quot;एक ब्राउज़र विंडो फ़ॉन्ट खोज इंटरफ़ेस प्रदर्शित करती है, जिसमें तीन दृश्यमान फ़ॉन्ट पूर्वावलोकन हैं, जिनमें बड़े Aa औरあ नमूने, शीर्ष पर एक खोज बार, छोटे रंगीन विंडो बटन, हल्के भूरे रंग की इंटरफ़ेस लाइनें, और नीली उच्चारण लाइनें।&quot;, &quot;body_text&quot;: &quot;Google Fonts वेबसाइट पर अपने पसंदीदा फ़ॉन्ट खोजें।&quot; }, { &quot;title&quot;: &quot;2. एम्बेडेड कोड प्राप्त करें&quot;, &quot;position&quot;: &quot;center&quot;, &quot;count&quot;: 1, &quot;labels&quot;: [ &quot;2. एम्बेडेड कोड प्राप्त करें&quot; ], &quot;card_style&quot;: &quot;हल्के नीले बॉर्डर/छाया वाला गोल सफेद पैनल&quot;, &quot;icon&quot;: &quot;नीला नंबर 2 वृत्त&quot;, &quot;illustration&quot;: &quot;डार्क कोड पैनल में एक पतले विभाजक द्वारा अलग किए गए दो लेबल वाले कोड उदाहरण हैं।&quot;, &quot;code_blocks&quot;: { &quot;count&quot;: 2, &quot;labels&quot;: [ &quot;<link> (HTML)&quot;, &quot; @import (CSS)&quot; ], &quot;content&quot;: [ &quot; <link href=\"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap\" rel=\"stylesheet\"> &quot;, &quot; @import url(&#39;https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&amp;display=swap&#39;);&quot; ] }, &quot;body_text&quot;: &quot;डिस्प्ले कॉपी करें<link> या सीएसएस कोड।&quot; }, { &quot;शीर्षक&quot;: &quot;3. सीएसएस में लागू करना&quot;, &quot;स्थिति&quot;: &quot;दाएं&quot;, &quot;गणना&quot;: 1, &quot;लेबल&quot;: [ &quot;3. सीएसएस में लागू करना&quot; ], &quot;कार्ड_शैली&quot;: &quot;हल्के नीले बॉर्डर/छाया वाला गोल सफेद पैनल&quot;, &quot;आइकन&quot;: &quot;नीला नंबर 3 वृत्त&quot;, &quot;चित्रण&quot;: &quot;सीएसएस युक्त एक सफेद कोड कार्ड, जिसमें दो चयनकर्ता और एक फ़ॉन्ट-फ़ैमिली नियम है।&quot;, &quot;कोड_ब्लॉक&quot;: { &quot;गणना&quot;: 2, &quot;लेबल&quot;: [ &quot;.शीर्षक&quot;, &quot;बॉडी&quot; ], &quot;सामग्री&quot;: [ &quot;.शीर्षक { फ़ॉन्ट-फ़ैमिली: &#39;पॉपिन्स&#39;, sans-serif; }&quot;, &quot;बॉडी { फ़ॉन्ट-फ़ैमिली: &#39;नोटो सैंस जेपी&#39;, sans-serif; }&quot; ] }, &quot;body_text&quot;: &quot;फ़ॉन्ट-फ़ैमिली निर्दिष्ट करें और इसे डिज़ाइन पर लागू करें।&quot; }, { &quot;title&quot;: &quot;मुख्य बिंदु&quot;, &quot;position&quot;: &quot;नीचे-बाएँ&quot;, &quot;count&quot;: 3, &quot;labels&quot;: [ &quot;पठनीयता के आधार पर चुनें&quot;, &quot;पुष्टि करें कि जापानी समर्थित है या नहीं।&quot;, &quot;अति प्रयोग न करें; 2-3 प्रकारों तक सीमित करें।&quot; ], &quot;कार्ड_शैली&quot;: &quot;हल्के नीले रंग के अंडरटोन वाला गोल सफेद पैनल&quot;, &quot;आइकन&quot;: &quot;वृत्त में नीला तारा&quot;, &quot;बॉडी_फॉर्मेट&quot;: &quot;बुलेट सूची&quot; }, { &quot;शीर्षक&quot;: &quot;सामान्य संयोजन&quot;, &quot;स्थिति&quot;: &quot;नीचे-केंद्र-दाएं&quot;, &quot;गणना&quot;: 2, &quot;लेबल&quot;: [ &quot;शीर्षक: पॉपिन्स&quot;, &quot;मुख्य पाठ: नोटो सैंस जेपी&quot; ], &quot;कार्ड_शैली&quot;: &quot;हल्के बैंगनी रंग वाला गोल सफेद पैनल&quot;, &quot;आइकन&quot;: &quot;बैंगनी चेन प्रतीक&quot;, &quot;बॉडी_फॉर्मेट&quot;: &quot;गोली के आकार के दो नमूना बॉक्स&quot; } ], &quot;कनेक्टर्स&quot;: { &quot;गणना&quot;: 2, &quot;शैली&quot;: &quot;शीर्ष 3 कार्डों के बीच बड़ा नीला दायां तीर&quot; }, &quot;पृष्ठ संख्या&quot;: { &quot;पाठ&quot;: &quot;2 / 2&quot;, &quot;स्थिति&quot;: &quot;नीचे-दाएं&quot;, &quot;शैली&quot;: &quot;नीला गोल कोने वाला लेबल&quot; } }, &quot;text_language&quot;: &quot;Japanese&quot;, &quot;color_palette&quot;: { &quot;primary_blue&quot;: &quot;#2f80ff&quot;, &quot;navy&quot;: &quot;#0f2b5b&quot;, &quot;google_colors&quot;: [ &quot;#4285F4&quot;, &quot;#DB4437&quot;, &quot;#F4B400&quot;, &quot;#0F9D58&quot; ], &quot;lavender&quot;: &quot;#8b6cff&quot;, &quot;background&quot;: &quot;#ffffff&quot; } }