Computer >> कंप्यूटर >  >> सॉफ्टवेयर >> ब्राउज़र्स

तत्व टूल और ब्राउज़र एक्सटेंशन का निरीक्षण करके वेबपेज फ़ॉन्ट कैसे खोजें

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

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

निरीक्षण तत्व टूल का उपयोग करके फ़ॉन्ट कैसे खोजें

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

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

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

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

निरीक्षण उपकरण का उपयोग करने के अन्य तरीके

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

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

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

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

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

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

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

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

1. WhatFont

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

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

2. फ़ॉन्ट खोजक

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

तत्व टूल और ब्राउज़र एक्सटेंशन का निरीक्षण करके वेबपेज फ़ॉन्ट कैसे खोजें

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

फ़ॉन्ट खोजक का उपयोग करके किसी फ़ॉन्ट का परीक्षण करने का तरीका यहां दिया गया है:

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

किसी छवि में फ़ॉन्ट की जांच के बारे में क्या?

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

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

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

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

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


  1. Chrome फ्लैग का उपयोग करके Google क्रोम ब्राउज़र में URL QR कोड कैसे जेनरेट करें?

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

  1. मैक पर क्रोम, सफारी और फायरफॉक्स में एलीमेंट की जांच कैसे करें

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

  1. इमेज रिसाइज़र टूल का उपयोग करके इमेज ओरिएंटेशन और इमेज को स्केल-अप कैसे समायोजित करें

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