Inspect Element टूल और ब्राउज़र एक्सटेंशन का उपयोग करके किसी वेबपेज का फॉन्ट कैसे खोजें

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

शायद आप वेब ब्राउज़ करते समय एक आकर्षक साइट पर आते हैं, और आप जानना चाहते हैं कि यह किन फॉन्ट का उपयोग कर रहा है। ऑनलाइन एक्सटेंशन और आपके ब्राउज़र के बिल्ट-इन Inspect Element टूल के साथ, फॉन्ट की पहचान करना त्वरित और आसान है।

Inspect Element टूल का उपयोग करके फॉन्ट कैसे खोजें

यदि आप नहीं जानते थे, तो आपके ब्राउज़र का बिल्ट-इन Inspect Element टूल आपको किसी वेबसाइट के सोर्स कोड की जांच करने की अनुमति देता है। आप इसके CSS, HTML, और अन्य जानकारी को देखकर साइट के डिज़ाइन तत्वों को समझ सकते हैं। अपनी खुद की साइट डिजाइन करते समय प्रेरणा प्राप्त करने का यह एक शानदार तरीका है।

Inspect Element टूल का उपयोग करके फॉन्ट की पहचान करने की प्रक्रिया काफी सरल है, और आपको किसी कोडिंग कौशल की आवश्यकता नहीं होगी। यह टूल बाजार में सभी ब्राउज़र में उपलब्ध है, और प्रत्येक का लेआउट समान है।

यहां आपके ब्राउज़र के Inspect टूल का उपयोग करके फॉन्ट की पहचान करने का तरीका बताया गया है।

1. वह वेबसाइट खोलें जिसका आप उपयोग करना चाहते हैं।
2. उस टेक्स्ट को हाइलाइट करें जिसमें वह फॉन्ट है जिसे आप पहचानना चाहते हैं, और उस पर राइट-क्लिक करें।
3. संदर्भ मेनू से Inspect पर क्लिक करें।
4. जब Inspect मेनू खुलता है, तो Computed पर क्लिक करें।
5. Font-Family अनुभाग को खोजने के लिए नीचे स्क्रॉल करें। यहां, आप फॉन्ट नाम और स्टाइल, साथ ही इसके आयाम पा सकते हैं।

Inspect टूल का उपयोग करने के अन्य तरीके

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

1. वह वेबसाइट खोलें जिसका आप उपयोग करना चाहते हैं।
2. Ctrl + Shift + C दबाएं (Cmd + Shift + C Mac पर)।
3. फॉन्ट स्टाइल, साइज, कलर कोड, और मार्जिन प्रदर्शित करने के लिए टेक्स्ट पर होवर करें।

आप Inspect टूल का उपयोग करके किसी वेबपेज पर उपयोग किए गए फॉन्ट की सूची भी देख सकते हैं। यहां ऐसा करने का तरीका बताया गया है:

1. वेबपेज पर जाएं।
2. Ctrl + Shift + I दबाकर सोर्स कोड खोलें (Cmd + Shift + I Mac पर)।
3. Network टैब पर क्लिक करें, और फिर Font टैब चुनें।
4. यहां, आप वेबपेज पर उपयोग किए गए सभी फॉन्ट की सूची देखेंगे।

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

ब्राउज़र एक्सटेंशन का उपयोग करके फॉन्ट कैसे पहचानें

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

आइए दोनों एक्सटेंशन का उपयोग करके फॉन्ट की पहचान करने की प्रक्रिया पर एक नज़र डालें।

1. WhatFont

WhatFont एक साथ कई फॉन्ट का तेजी से पता लगाने के लिए व्यापक रूप से लोकप्रिय है। इस टूल का उपयोग करने का तरीका यहां बताया गया है।

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

2. Font Finder

Font Finder भी किसी वेबसाइट पर किसी भी टेक्स्ट पर होवर करने पर फॉन्ट विवरण प्रदर्शित करता है। हालांकि, यह बहुत सारे तकनीकी विवरण प्रदान करता है, इसलिए यदि आप वेब डिज़ाइन से परिचित नहीं हैं तो यह थोड़ा भ्रमित करने वाला हो सकता है।

कहा गया है, Font Finder वेब डेवलपर्स के लिए अधिक उपयुक्त है जो रियल-टाइम में मौजूदा फॉन्ट को नए के साथ बदलना चाहते हैं। यह किसी भी स्थायी परिवर्तन करने से पहले फॉन्ट को टेस्ट करना आसान बनाता है।

Font Finder का उपयोग करके फॉन्ट टेस्ट करने का तरीका यहां बताया गया है:

1. वेबपेज से टेक्स्ट के एक हिस्से को हाइलाइट करें।
2. इस पर राइट-क्लिक करें और संदर्भ मेनू से Font Finder चुनें।
3. फॉन्ट से बदलें चुनें और फॉन्ट नाम दर्ज करें। आइए Calibri जोड़ें और देखें कि यह पूर्वावलोकन में फॉन्ट को कैसे बदलता है।
4. यदि आप फॉन्ट रीसेट करना चाहते हैं, तो पेज रीफ्रेश करें।

इमेज में फॉन्ट की जांच के बारे में क्या?

यदि आप किसी इमेज में फॉन्ट की पहचान करना चाहते हैं, तो ब्राउज़र एक्सटेंशन और आपके ब्राउज़र का Inspect टूल मदद नहीं कर सकता। हालांकि, आप WhatFontIs, FontSquirrel, Fontspring, WhatTheFont, और कई अन्य जैसे ऑनलाइन इमेज इंस्पेक्टर टूल आज़मा सकते हैं।

इमेज से फॉन्ट की पहचान करने की प्रक्रिया सभी टूल में काफी हद तक समान है। आइए WhatTheFont का उपयोग करके इमेज में फॉन्ट की पहचान करने का प्रयास करें।

1. यदि आपने पहले से नहीं किया है, तो जिस इमेज का आप उपयोग करना चाहते हैं उसे डाउनलोड करें।
2. इमेज को WhatTheFont में इम्पोर्ट करें।
3. WhatTheFont आपकी इमेज में टेक्स्ट का स्वचालित रूप से पता लगाएगा। क्रॉप बॉक्स को सिकोड़ें या बड़ा करें ताकि यह उस फॉन्ट को घेर ले जिसे आप पहचानना चाहते हैं। समाप्त होने पर तीर बटन दबाएं।
4. WhatTheFont तब इमेज में फॉन्ट का अपनी गैलरी में फॉन्ट से मिलान करेगा, और आपको निकटता से संबंधित फॉन्ट दिखाएगा।
5. यदि आपको तुरंत अच्छा मिलान नहीं मिलता है, तो आप अधिक संबंधित फॉन्ट देखने के लिए अधिक परिणाम दिखाएं पर क्लिक करते रह सकते हैं।

वेब से फॉन्ट का पता लगाएं और उन्हें अपने डिज़ाइन में उपयोग करें

फॉन्ट किसी वेबसाइट या ग्राफिक डिज़ाइन की सफलता में महत्वपूर्ण भूमिका निभाते हैं। यदि आप वेब ब्राउज़ करते समय एक आकर्षक फॉन्ट पर ठोकर खाते हैं, तो आप ऊपर दिए गए तरीकों का उपयोग करके आसानी से इसका पता लगा सकते हैं।