दिलचस्प पोस्ट
सीएसएस में क्या मतलब है? एकाधिक आज्ञाओं के साथ एक्सरग्स तर्क के रूप में "एक्स एंड एंड एफू ()" क्या है? वर्तमान आवेदन से डाक, ट्विटर और फेसबुक द्वारा साझा या पोस्ट कैसे करें? इसमें फाइल के साथ निर्देशिका हटाएं? जेएसएफ फाइलें वेब-आईएनएफ़ निर्देशिका के अंदर, मैं उनसे कैसे पहुंचूं? इंट पॉइंटर '++' 4 से बढ़कर 4 की बजाय क्यों? तत्व पाठ पर आधारित सीएसएस चयनकर्ता? सूची :: आकार () वास्तव में हे (एन) है? एकाधिक पंक्तियों को स्पैन करने के लिए मैं एक बूटस्ट्रैप कॉलम कैसे प्राप्त करूं? कैसे स्थानीय HTML फ़ाइल UIWebView में लोड करने के लिए फ्लेस्स्क अनुरोध को समन्वित करें = थ्रेडेड = ट्रू के साथ कॉलबैक के अंदर सही `यह` कैसे पहुंचें? एएसपी.नेट गतिशील रूप से बनाए गए नियंत्रण और पोस्टबैक लॉगिन के लिए प्रमाणीकरण फ़िल्टर और सर्वलेट

मैं कैसे तय कर सकता हूं कि एक ब्राउज़र को वास्तव में कुछ टेक्स्ट को प्रस्तुत करने के लिए क्या उपयोग किया जा रहा है?

मेरा सीएसएस पूरे पृष्ठ के लिए " font-family: Helvetica, Arial, sans-serif; " निर्दिष्ट करता है ऐसा लगता है कि वर्दन का उपयोग कुछ हिस्सों के बजाय किया जा रहा है। मैं यह सत्यापित करने में सक्षम होना चाहूंगा।

मैंने अपने ब्राउज़र से शब्द को कॉपी और चिपकाने की कोशिश की है, लेकिन यह फ़ॉन्ट को संरक्षित नहीं कर रहा है।

क्या निर्धारित करने का कोई तरीका है कि पाठ का एक भाग के लिए वास्तव में कौन से फ़ॉन्ट का उपयोग किया जा रहा है?

फायरबग मुझे ऊपर दिए गए फ़ॉन्ट्स की सूची देगा [1], लेकिन मुझे यह निर्धारित करने का कोई तरीका नहीं है कि फोंट में से कौन सा इस्तेमाल किया जा रहा है।

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

वेब के समाधान से एकत्रित समाधान "मैं कैसे तय कर सकता हूं कि एक ब्राउज़र को वास्तव में कुछ टेक्स्ट को प्रस्तुत करने के लिए क्या उपयोग किया जा रहा है?"

प्रति विल्फ्रेड ह्यूजेस का जवाब , फ़ायरफ़ॉक्स अब इस मूल रूप से समर्थन करता है इस लेख में अधिक जानकारी है ।

यह उत्तर मूल "फ़ॉन्ट खोजक" प्लगइन को संदर्भित करता है, लेकिन केवल इसलिए कि यह 4 साल पहले था। तथ्य यह है कि पुराने उत्तर इस तरह से घूमते हैं और समुदाय उन्हें अद्यतन नहीं कर सकता है स्टैक ओवरफ़्लो की शेष शेष विफलताओं में से एक है।

आजकल क्रोम और फ़ायरफ़ॉक्स में इसके लिए अंतर्निहित टूल हैं, लेकिन सफ़ारी को आपको कुछ पाठ कॉपी करने और जांच करने की जरूरत है।

फ़ायरफ़ॉक्स में, पृष्ठ इंस्पेक्टर के पास एक फ़ॉन्ट दृश्य है :

फ़ायरफ़ॉक्स फ़ॉन्ट्स देखें

यह आपको बताएगा कि क्या फ़ॉन्ट्स डाउनलोड किए गए थे।

क्रोम के लिए, DevTools 'Elements "में जाएं, अपने" कम्प्यूटेड "टैब पर जाएं, और" रेटेड फ़ॉन्ट्स "नामक खंड पर नीचे स्क्रॉल करें:

क्रोम वेब इंस्पेक्टर

उपर्युक्त स्क्रीनशॉट दिखाते हैं कि यूनिकोड पाठ के लिए कई फोंट दिखाए जा सकते हैं। क्रोम आपको बताता है कि 6 ग्लाइपेस ("पेका" और स्पेस) "एरियल" का उपयोग कर रहे हैं, और एक ("웃") "एप्पल एसडी गोथिक निओ" का उपयोग कर रहा है:

एरियल – स्थानीय फ़ाइल (6 ग्लिफ़)
ऐप्पल एसडी गोथिक नव – स्थानीय फ़ाइल (1 ग्लिफ़)

वास्तविक सीएसएस परिभाषित करता है:

 font-family: Arial,"Helvetica Neue",Helvetica,sans-serif 

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

दुर्भाग्य से, एक ब्राउज़र द्वारा समर्थित / पसंदीदा फ़ॉन्ट प्रकारों के कारण, एक ही मशीन पर अलग-अलग ब्राउज़र (और एक ब्राउज़र के अलग-अलग संस्करण) भिन्न फ़ॉन्ट्स का उपयोग कर सकते हैं मैक पर, उदाहरण के लिए, सफारी एप्पल एडवांस्ड टेक्नोलॉजी को पसंद कर सकता है, जबकि फायरफॉक्स माइक्रोसॉफ्ट ओपन टाईप का समर्थन करता है (जो मैक पर माइक्रोसॉफ्ट ऑफिस को स्थापित करने के बाद अरबी के लिए समस्याएं उत्पन्न कर सकता है)। या ऊपर दिए गए स्क्रीनशॉट में "웃" वर्ण के लिए, मेरे मैक पर क्रोम और फ़ायरफ़ॉक्स आजकल "ऐप्पल एसडी गॉथिक निओ" (जो कि ओपनटाइप पोस्टस्क्रिप्ट है) पसंद करते हैं, लेकिन फ़ायरफ़ॉक्स के पुराने संस्करणों के बजाय "एप्पल गॉथिक रेगुलर" (जो कि एक ट्रू टाइप फ़ॉन्ट है) ।

ऐसे ब्राउज़रों के लिए जिनके समान फ़ॉन्ट्स दृश्य नहीं हैं, बस कुछ वर्ड प्रोसेसर या रीच टेक्स्ट एडिटर में टेक्स्ट का एक टुकड़ा कॉपी और पेस्ट करें, कुछ विशिष्ट टेक्स्ट का चयन करें, और देखें कि कुछ फ़ॉन्ट ड्रॉपडाउन सूची में कौन से नाम दिखाया गया है। मेरे मैक पर, फ़ायरफ़ॉक्स (जहां "웃" फ़ायरफ़ॉक्स के "एप्पल एसडी गॉथिक निओ" चिपकाने पर "एप्पल मैयूँंगो" में परिवर्तित होता है) के लिए चिपकाने पर यह काम नहीं करता है, लेकिन सफारी और क्रोम के लिए अच्छा काम करता है:

टेक्स्ट से ब्राउजर से रिच टेक्स्ट एडिटर में चिपकाया गया पाठ

WhatFont एक क्रोम एक्सटेंशन है जो आपको बताएगा कि फ़ोंट स्टैक में कौन सा फ़ॉन्ट लोड किया जा रहा है।

फ़ायरफ़ॉक्स 22+ आपको दिखाएगा कि वर्तमान में कौन सा फ़ॉन्ट उपयोग में है , बिना किसी विस्तार के।

फ़ायरफ़ॉक्स (v7 के बाद से) के मौजूदा संस्करणों के लिए, एक ऐड-ऑन जिसे "फॉन्टइनफ़ो" नाम दिया गया है जो कि वास्तविक फोंट की रिपोर्ट करता है (सीएसएस फॉन्ट-परिवार की संपत्ति के मुताबिक क्या होता है), उन मामलों के खाते को देखते हुए जहां ब्राउज़र वापस जाता है एक अलग फ़ॉन्ट क्योंकि अनुरोधित फ़ॉन्ट-परिवार उपलब्ध नहीं था या पाठ में प्रयुक्त वर्णों का समर्थन नहीं करता।

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

जेरेमी द्वारा उल्लिखित "फ़ॉन्टफ़िन्डर" प्लगइन, सीएसएस सूची का पहला फ़ॉन्ट, वास्तव में गाया फ़ॉन्ट (लिनक्स पर फ़ायरफ़ॉक्स 4.0 आरसी 1) की परवाह किए बिना, यहां काम करने के लिए नहीं लगता है। निम्नलिखित प्लगइन आपको "सही" फ़ॉन्ट देता है, ऐसा लगता है

संदर्भ फ़ॉन्ट

ललित पटेल से पाठ-मापने के दृष्टिकोण और स्क्रिप्ट के आधार पर, मैंने बुकमार्केट बनाये हैं जो वर्तमान में चयनित पाठ (या body , अगर कुछ भी नहीं चुना जाता है) के लिए उपयोग किए जा रहे फ़ॉन्ट का अनुमान लगा सकता है। ऐसा लगता है कि किसी स्टैक में कौन सा फ़ॉन्ट इस्तेमाल किया जाता है, यह मेरे लिए बहुत अच्छा काम करता है! (यह आपको बता नहीं सकता कि क्या sans-serif वास्तव में नक्शे है, हालांकि।)

उन्हें यहाँ पकड़ो: https://alanhogan.com/bookmarklets#font-stack-full

स्रोत गीथहब पर है

यह भी देखें: यह कोडपेन , जो ज्यादातर एक ही कोड का उपयोग करता है। चयनित भिन्न पैराग्राफों द्वारा इसे एक प्रयास करें और तालिका / अनुमानित अद्यतन देखिए!