किसी भी पृष्ठ पर फ़ॉन्ट का निरीक्षण करें
लाइव टाइपफेस, आकार, वजन, शैली और रंग देखने के लिए—तत्व के पास या साइडबार में—DevTools खोले बिना टेक्स्ट पर होवर करें और क्लिक करें।
किसी भी वेबपेज तत्व पर टाइपफेस और CSS टाइपोग्राफी की पहचान करें - परिवार, आकार, वजन, लाइन ऊंचाई, अक्षर रिक्ति, रंग और कंट्रास्ट - फिर टैब छोड़े बिना आपको जो चाहिए उसे कॉपी या निर्यात करें।
लाइव टाइपोग्राफी के लिए बनाया गया
लाइव टाइपफेस, आकार, वजन, शैली और रंग देखने के लिए—तत्व के पास या साइडबार में—DevTools खोले बिना टेक्स्ट पर होवर करें और क्लिक करें।
एक पैनल में लाइन ऊँचाई, अक्षर रिक्ति, ट्रांसफ़ॉर्म, डेकोरेशन और कंट्रास्ट (AAA/AA संकेत सहित) पढ़ें।
आपके द्वारा निरीक्षित तत्व के लिए फ़ॉन्ट परिवार, रंग या तैयार CSS स्निपेट कॉपी करें।
लाइव तत्व पर वजन, आकार, रिक्ति, रंग और अन्य गुण बदलें, फिर अन्वेषण पूरा होने पर रीसेट करें।
पूरे पृष्ठ पर अद्वितीय टेक्स्ट शैलियाँ स्कैन करें और डिज़ाइन सिस्टम ऑडिट करते समय उनके बीच जाएँ।
टाइपोग्राफी SCSS या JSON के रूप में निर्यात करें, या मिले परिवार के लिए Google Fonts खोज खोलें।
डिज़ाइन द्वारा सरल
एक Chrome एक्सटेंशन जो लाइव टाइपोग्राफी—टाइपफेस, आकार, वजन, रंग और कंट्रास्ट—दिखाता है, ताकि आप किसी भी वेबपेज से फ़ॉन्ट का निरीक्षण, कॉपी और निर्यात कर सकें।
Chrome Web Store
उदाहरणात्मक फीडबैक प्लेसहोल्डर — कनेक्ट होने पर Chrome Web Store समीक्षाएँ इन्हें बदल देंगी।
“मैं DevTools खोले बिना लाइव साइट से परिवार, वजन और हेक्स रंग ले सकता हूँ।”
“एक पैनल में CSS कॉपी और कंट्रास्ट—ऑडिट के दौरान बिल्कुल वही जो मुझे चाहिए।”
“पृष्ठ पर सभी फ़ॉन्ट मुझे लैंडिंग पेज पर असंगत टाइप तेज़ी से ढूँढने में मदद करते हैं।”
तीन त्वरित कदम
Chrome Web Store से what the font - font finder जोड़ें और इसे टूलबार पर पिन करें।
पॉपअप खोलें, निरीक्षण शुरू करें, फिर पृष्ठ पर किसी भी टेक्स्ट पर होवर करें और क्लिक करें।
CSS कॉपी करें, शैलियाँ निर्यात करें, Google Fonts खोलें, या पृष्ठ पर सभी फ़ॉन्ट ब्राउज़ करें।
इंस्टॉल करने से पहले उत्तर दें
what the font - font finder इंस्टॉल करें, निरीक्षण शुरू करें, टेक्स्ट पर होवर करें, और परिवार, आकार, वजन और रंग के साथ पैनल खोलने के लिए क्लिक करें।
हाँ। पैनल से आप निरीक्षित तत्व के लिए फ़ॉन्ट परिवार, रंग या CSS स्निपेट कॉपी कर सकते हैं।
यह सामान्य वेबसाइट टैब पर काम करता है। Chrome सिस्टम पृष्ठ और कुछ प्रतिबंधित URL का निरीक्षण नहीं किया जा सकता।
पृष्ठ पर सभी फ़ॉन्ट का उपयोग करके अद्वितीय दृश्य टेक्स्ट शैलियों की सूची बनाएँ और किसी को भी विवरण पैनल में खोलें।
हाँ। तत्व पर वजन, आकार, रिक्ति, रंग और संबंधित शैलियाँ संपादित करें, फिर मूल स्थिति बहाल करने के लिए रीसेट करें।
जब परिवार खोजने योग्य लगे, तो उस नाम के लिए क्वेरी खोलने हेतु पैनल में Google Fonts क्रिया का उपयोग करें।
अन्वेषण करते रहें