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

जो लोग फोंट के बारे में अपना रास्ता जानते हैं और उनसे मोहित होते हैं, वे अक्सर वेब पर फोंट खोजने में मदद के लिए मुफ्त ऑनलाइन फ़ॉन्ट पहचानकर्ता टूल का उपयोग करते हैं। ^{(free online font identifier tools)}इन ऑनलाइन टूल के लिए आपको एक URL दर्ज करना होगा या दिखाए गए फ़ॉन्ट के साथ एक छवि अपलोड करनी होगी, जिसका फिर निरीक्षण किया जाता है। यदि आप किसी नए टूल का उपयोग करना सीखने के झंझट से नहीं गुजरना चाहते हैं, तो यह पोस्ट आपके लिए है। आज, हम चर्चा करेंगे कि कैसे उपयोगकर्ता यह पहचान सकते हैं कि ब्राउज़र एक्सटेंशन, एप्लिकेशन या किसी ऑनलाइन टूल का उपयोग किए बिना कोई विशेष वेब पेज किस फ़ॉन्ट का उपयोग कर रहा है।

इस लेख में हम जिस प्रक्रिया पर चर्चा करेंगे, वह उस सेटिंग के इर्द-गिर्द घूमेगी जो अधिकांश वेब ब्राउज़र पेश करती है, अर्थात् ' डेवलपर टूल्स ', या विशिष्ट होने के लिए, ^{(Developer Tools)}इंस्पेक्ट एलिमेंट^{(Inspect Element)} नामक एक विकल्प । यहां, हम चर्चा करेंगे कि दो ब्राउज़रों - क्रोम^(Chrome) , एज^(Edge) और फ़ायरफ़ॉक्स^(Firefox) में फोंट की पहचान कैसे की जा सकती है ।

^(Identify)फ़ायरफ़ॉक्स^(Firefox) में इंस्पेक्ट एलिमेंट^{(Inspect Element)} का उपयोग करके वेबपेज पर फोंट की पहचान करें

जिस फॉन्ट की आप पहचान करना चाहते हैं उसके वेब पेज पर जाएं और जिस फॉन्ट में आपकी रुचि है उसमें लिखे टेक्स्ट पर राइट-क्लिक करें।

दिखाई देने वाले विकल्पों की सूची से (संदर्भ मेनू), निरीक्षण तत्व^{(Inspect Element)} पर क्लिक करें । ऐसा^(Doing) करने से पेज के नीचे डेवलपर टूल^{(Developer Tools)} खुल जाएगा ।

डेवलपमेंट टूल्स^{(Development Tools)} सेक्शन के निचले दाएं कोने पर , आपको Fonts नाम का एक सबहेड मिलेगा , उस पर क्लिक करें।

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

यदि आप उपयोग में आने वाले फ़ॉन्ट के बारे में अधिक जानना चाहते हैं, तो फ़ायरफ़ॉक्स^(Firefox) ने आपको इसके साथ भी कवर किया है। यदि आप फोंट अनुभाग को नीचे स्क्रॉल करते हैं और 'पृष्ठ पर सभी फोंट' पर क्लिक करते हैं, तो फोंट टैब का विस्तार होगा और आपको वे सभी फोंट दिखाए जाएंगे जो उस वेब पेज पर उपयोग किए जा रहे हैं जिसे आप इस समय ब्राउज़ कर रहे हैं, और यह भी कि वे कहाँ हैं इस्तेमाल किया जा रहा है। इतना ही नहीं, बल्कि आपको यह भी पता चलता है कि कोई विशेष फ़ॉन्ट कैसा दिखता है। डेवलपर टूल^{(Developer Tools)} में अपने माउस को फोंट पर मँडराने से उस वेब पेज के अनुभागों को हाइलाइट किया जाएगा जो उस फ़ॉन्ट का उपयोग करते हैं।

Chrome में डेवलपर टूल^{(Developer Tools)} का उपयोग करके फ़ॉन्ट की पहचान करें

प्रक्रिया ऊपर वर्णित के समान है। पहले दो चरणों का पालन करें जैसा आपने पृष्ठ के दाईं ओर डेवलपर टूल^{(Developer Tools)} खोलने के लिए फ़ायरफ़ॉक्स के साथ किया था।^(Firefox)

'गणना' उप-शीर्ष पर क्लिक करें।

थोड़ा नीचे स्क्रॉल^(Scroll) करें और आपको उस फ़ॉन्ट के बारे में जानकारी मिलेगी जिसमें आप रुचि रखते हैं (फ़ॉन्ट का परिवार, आकार, आदि)

दुर्भाग्य से, क्रोम आपको ^(Chrome)फ़ायरफ़ॉक्स^(Firefox) जैसी कोई अतिरिक्त जानकारी प्रदान नहीं करता है।

^(Identify)एज डेवलपर टूल्स^{(Edge Developer Tools)} का उपयोग करके पहचानें कि किस फ़ॉन्ट का उपयोग किया जाता है^(Font)

1. ओपन एज
2. राइट-क्लिक करें और टेक्स्ट चुनें
3. निरीक्षण का चयन करें
4. खुलने वाले डेवलपर टूल में, ^{(Developer Tools)}कंप्यूटेड^(Computed) के अंतर्गत देखें
5. आप फ़ॉन्ट विवरण देखेंगे।

अगर आपको नहीं लगता कि आप ब्राउज़र डेवलपर टूल^{(Developer Tools)} के साथ काम नहीं कर सकते हैं और ऑनलाइन टूल आपके लिए बेहतर होंगे, तो उनमें से कई ऐसे हैं जो बहुत अच्छी तरह से काम करते हैं।

आगे पढ़िए : ^{(Read next)}पेड फॉन्ट के समान मुफ्त विकल्प^{(find similar free alternatives to paid Fonts)} कैसे खोजें ।

Identify fonts in Chrome, Edge and Firefox using Developer Tools

A typical wеb page generally consists оf several different elements with most оf them coded in different colors and written in different fonts and styles. Sometimes, we come across wеb pages so beautifully designed that they make us want to delvе deep into their attrіbutes; a very elegant theme or a nice, profеssional fоnt, perhaps.

People who know their way around fonts and are fascinated by them often use free online font identifier tools to help discover fonts on the web. These online tools require you to enter a URL or upload an image with the font showcased, which is then inspected. In case you don’t want to go through the hassle of learning to use a new tool, this post is for you. Today, we will discuss how users can identify what font a particular web page is using without using a browser extension, an application, or any online tools.

The procedure that we will be discussing in this article will revolve around a setting that most web browsers offer, namely ‘Developer Tools,’ or to be specific, an option called Inspect Element. Here, we will discuss how fonts can be identified in two browsers – Chrome, Edge and Firefox.

Identify fonts on a webpage using Inspect Element in Firefox

Visit the web page of the font of which you want to identify and right-click on the text that is written in the font you are interested in.

From the list of options that show up (the context menu), click on Inspect Element. Doing so would open the Developer Tools on the bottom of the page.

On the bottom right corner of the Development Tools section, you will find a subhead named Fonts, click on it.

It will then display for you the properties of the font you wanted to look into like its size, line height, weight, etc., and also whether or not the font is in italics or not, though that is always apparent.

If you are interested to know more about the font in use, Firefox has you covered with that too. If you scroll down the fonts section and click on ‘All fonts on the page,’ the fonts tab will expand and you will be shown all the fonts that are being used on the web page you are browsing at the moment, and also where they are being used. Not just that, but you also get a preview of how a particular font looks. Hovering your mouse over the fonts in the Developer Tools will highlight the sections of the web page that use that font.

Identify a font using Developer Tools in Chrome

The process is similar to the one described above. Follow the first two steps as you did with Firefox to open the Developer Tools on the right side of the page.

Click on the ‘Computed’ sub-head.

Scroll down a bit and you will find information about the font you’re interested in (font’s family, size, etc.)

Unfortunately, Chrome doesn’t provide you with any additional information like Firefox does.

Identify which Font is used using Edge Developer Tools

1. Open Edge
2. Right-click and select the text
3. Select Inspect
4. In the Developer Tools that open, look under Computed
5. You will see the Font details.

If you don’t think you can’t work around with browser Developer Tools and that online tools would suit you better, there are several of them that work very well.

Read next: How to find similar free alternatives to paid Fonts.

Related posts

• डेवलपर टूल का उपयोग करके किसी वेबसाइट से फ़ॉन्ट कैसे डाउनलोड करें

• डेवलपर टूल का उपयोग करके क्रोम या एज में विशेष साइट के लिए साइट डेटा साफ़ करें

• क्रोम, एज, फायरफॉक्स ब्राउजर में डिफॉल्ट फॉन्ट कैसे बदलें

• रजिस्ट्री या समूह नीति का उपयोग करके एज में डेवलपर टूल अक्षम करें

• Google Chrome और Microsoft Edge में धुँधली फ़ाइल खोलें संवाद बॉक्स को ठीक करें

• क्रोम, फायरफॉक्स, ओपेरा, एज ब्राउजर में होमपेज कैसे बदलें

• डिफ़ॉल्ट ब्राउज़र कैसे बदलें: विंडोज 10 पर क्रोम, फायरफॉक्स, एज

• फ़ायरफ़ॉक्स, क्रोम और एज में जिओलोकेशन को कैसे निष्क्रिय करें

• Chrome, Edge, Firefox, Opera में पृष्ठभूमि टैब में लिंक खोलने के लिए बाध्य करें

• क्रोम, फ़ायरफ़ॉक्स और एज ब्राउज़र पर अवास्ट एक्सटेंशन का उपयोग कैसे करें

• यह साइट एज, क्रोम या फ़ायरफ़ॉक्स में सुरक्षित संदेश नहीं है

• Chrome या Firefox में समाचार और रुचियां लिंक कैसे खोलें; धार नहीं

• क्रोम, फायरफॉक्स, एज ब्राउजर में वेब नोटिफिकेशन रिक्वेस्ट को कैसे ब्लॉक करें

• क्रोम, एज, फायरफॉक्स में बिल्ट-इन पासवर्ड मैनेजर को डिसेबल कैसे करें

• विशिष्ट वेबसाइट के लिए कुकीज़, साइट डेटा, कैश साफ़ करें: क्रोम एज फ़ायरफ़ॉक्स

• क्रोम, एज, फायरफॉक्स में अब फ्लैश कैसे काम करें?

• एज, फायरफॉक्स, क्रोम, ओपेरा के लिए सुरक्षा, गोपनीयता, सफाई उपकरण

• Chrome, Edge या Firefox में Opera जैसा स्पीड डायल जोड़ें

• क्रोम, फ़ायरफ़ॉक्स, एज ब्राउज़र में स्वचालित रीडायरेक्ट को कैसे रोकें

• क्रोम, फायरफॉक्स और एज ब्राउजर के लिए शेयर बटन प्लगइन्स