फॉन्टलेन्स

कोणताही मजकूर निवडा, राईट-क्लिक करा आणि त्वरित त्याचा फॉन्ट, आकार, वजन, रंग आणि CSS तपासा. कॉपी करा, बदला, पूर्वावलोकन करा आणि…

कधी तुम्ही एखाद्या पेजवर गेला आहात, तिथल्या अक्षरांचे कौतुक केले आहे आणि विचार केला आहे की "हा कोणता फॉन्ट आहे?" FontLens एका क्लिकमध्ये ह्या प्रश्नाचे उत्तर देतो. कोणत्याही वेबसाईटवरील कोणताही मजकूर निवडा, राईट-क्लिक करा आणि "FontLens ने फॉन्ट तपासा" निवडा. एक सुटसुटीत, केंद्रित पॅनेल थेट पेजवर उघडते आणि तो मजकूर कसा स्टाईल केला आहे हे अचूकपणे दर्शवते: टाईपफेस, त्याचा आकार, जाडी, ओळींची उंची, रंग आणि डिझाइनमागील इतर प्रत्येक तपशील. तुम्ही डिझायनर असाल आणि लेआउट रिव्हर्स-इंजिनिअर करत असाल, एखादे स्पेसिफिकेशन जुळवणारे डेव्हलपर असाल, किंवा फक्त एका सुंदर हेडलाईनबद्दल उत्सुक असाल, हे टूल कोणत्याही वेब पेजला टायपोग्राफीचे एक खुले पुस्तक बनवते. FontLens हे एक फॉन्ट शोधक आणि CSS इन्स्पेक्टर यांचे एकत्रित स्वरूप आहे. हे केवळ तुमच्यासाठी फॉन्ट-फॅमिलीचे नावच सांगत नाही, तर तुम्हाला वापरण्यास-तयार कोड, कल्पना तपासण्यासाठी एक इंटरॅक्टिव्ह प्लेग्राऊंड आणि तुमचा मजकूर वाचनीय असल्याची खात्री करण्यासाठी ॲक्सेसिबिलिटी टूल्सदेखील पुरवते. कोणतेही खाते नाही. कोणतेही साइनअप नाही. फक्त निवडा, राईट-क्लिक करा आणि तपासा. 🔍 तुम्ही काय करू शकता - निवडलेल्या कोणत्याही शब्दांची संपूर्ण टायपोग्राफी एका नजरेत मिळवा: फॉन्ट-फॅमिली, फॉन्ट-साईज, फॉन्ट-वेट, लाईन-हाईट आणि रंग - अक्षरांमधील अंतर (letter-spacing), टेक्स्ट-ट्रान्सफॉर्म, आणि फॉन्ट-स्टाईल यांसारखी अतिरिक्त स्टायलिंग पहा जी सहजासहजी लक्षात येत नाही - कोणतीही एक प्रॉपर्टी एका क्लिकने कॉपी करा, किंवा संपूर्ण नियमांचा संच एक पूर्ण CSS स्निपेट म्हणून मिळवा - तो स्निपेट साध्या टॅबद्वारे टेलविंड, SCSS, किंवा SASS मध्ये रूपांतरित करा, मग संपूर्ण किंवा ओळी-ओळीने कॉपी करा - थेट, संपादन करण्यायोग्य प्रिव्ह्यूमध्ये प्रयोग करा: नमुन्याचे शब्द पुन्हा लिहा, व्हॅल्यूजमध्ये बदल करा, बॅकग्राउंड बदला आणि ते त्वरित अपडेट होताना पहा - प्रोव्हायडर बॅजच्या मदतीने एखादा वेब फॉन्ट कोठून आला आहे ते ओळखा (गूगल फॉन्ट्स, ॲडोबी फॉन्ट्स, सेल्फ-होस्टेड, किंवा एक इन-बिल्ट सिस्टम टाईपफेस) - 'फॉन्ट डाउनलोड करा' बटणाने वेब फॉन्ट तुमच्या कॉम्प्युटरवर सेव्ह करा, जो थेट त्याच्या मूळ स्रोतावरून घेतला जातो - WCAG मानकांनुसार रंगाचा कॉन्ट्रास्ट तपासा, ज्यात अचूक गुणोत्तर आणि AA आणि AAA पास किंवा फेल निकाल समाविष्ट आहेत - पूर्ण पिकरसह रंग निवडा आणि नमुने घ्या, ज्यात स्क्रीनवरील कोणताही पिक्सेल निवडण्यासाठी आयड्रॉपरचा समावेश आहे - px, rem, pt, आणि em दरम्यान मापन एकके बदला, जे फील्ड्स आणि एक्सपोर्ट केलेल्या कोड दोन्हीवर लागू होते 🖱️ हे कसे काम करते FontLens वापरण्यासाठी काही सेकंद लागतात. तुम्हाला ज्या शब्दांचा अभ्यास करायचा आहे ते हायलाइट करा, निवडलेल्या मजकुरावर राईट-क्लिक करा आणि मेन्यूमधून 'FontLens ने फॉन्ट तपासा' निवडा. पॅनेल सध्याच्या पेजवर दिसेल, जे सुबकपणे स्टाईल केलेले असल्यामुळे ते साईटच्या मूळ स्वरूपाशी कधीही जुळत नाही. तिथून तुम्ही तपशील वाचू शकता, जे आवश्यक आहे ते कॉपी करू शकता, किंवा संपादन सुरू करू शकता. लाइव्ह प्रिव्ह्यूमध्ये खरी मजा येते. खरी हेडलाईन तपासण्यासाठी शब्द बदला, आकार थोडा वाढवा, जाडी समायोजित करा, किंवा टाईप कसा दिसतो हे पाहण्यासाठी नवीन बॅकग्राउंड रंग सेट करा. तुम्ही पेजेस बदलताना आणि नंतर परत येता तेव्हा तुमचे बदल तसेच राहतात, त्यामुळे एका साईटवर सुरू केलेली कल्पना पुढच्या साईटवर तुमची वाट पाहत असते. जेव्हा तुम्हाला मूळ व्हॅल्यूज परत हव्या असतील, तेव्हा "साईटवर रिसेट करा" बटण पेजवर वापरलेले सर्व काही पुनर्संचयित करते. मूळ ॲसेट हवी आहे? डाउनलोड करण्यायोग्य वेब फॉन्टसाठी, एकच बटण त्याच्या @font-face लोकेशनवरून खरी फाईल मिळवते. तुमच्या ऑपरेटिंग सिस्टममध्ये आधीपासून असलेल्या टाईपफेससाठी, FontLens तुम्हाला सांगते की हा एक इन-बिल्ट फॉन्ट आहे, त्यामुळे तुम्हाला कळते की तो कोणत्याही डाउनलोडशिवाय उपलब्ध आहे. 🔒 गोपनीयतेला प्राधान्य FontLens पूर्णपणे तुमच्या ब्राउझरमध्येच चालते. मजकूर तपासताना कोणताही डेटा गोळा केला जात नाही, कोणतेही ट्रॅकिंग नाही, कोणतेही ॲनालिटिक्स नाही आणि कोणतेही बाह्य सर्व्हर वापरले जात नाहीत. तुम्ही तपासलेली प्रत्येक गोष्ट तुमच्या मशीनवरच राहते. हे एक्स्टेंशन फक्त एकच नेटवर्क रिक्वेस्ट करते, आणि तेही तेव्हाच जेव्हा तुम्ही मुद्दाम "फॉन्ट डाउनलोड करा" बटण दाबता, त्यावेळी ते फाईल मिळवण्यासाठी त्या फॉन्टच्या स्वतःच्या स्रोताशी संपर्क साधते. तुमच्या डिव्हाइसमधून दुसरे काहीही बाहेर जात नाही. परवानग्या हेतुपुरस्सर मर्यादित ठेवल्या आहेत. कन्टेक्स्ट-मेन्यूची परवानगी राईट-क्लिक एंट्री जोडते. ॲक्टिव्ह-टॅबची परवानगी टूलला तुम्ही निवडलेला मजकूर फक्त त्याच टॅबवर वाचण्याची परवानगी देते आणि इतरत्र कुठेही नाही. स्टोरेज तुमचा प्रिव्ह्यू मजकूर आणि तुमची युनिट व फॉरमॅट प्राधान्ये लक्षात ठेवते जेणेकरून पुढच्या वेळी ते आठवतील. तुमच्या ब्राउझिंग इतिहासात किंवा व्यापक होस्ट परवानग्यांमध्ये कोणताही हस्तक्षेप केला जात नाही. 👥 हे कोणासाठी आहे - वेब डिझायनर्स ज्यांना टाईपफेस ओळखायचा आहे, रंगांची पॅलेट मिळवायची आहे आणि स्टाईल्स त्वरीत पुन्हा वापरायच्या आहेत - फ्रंट-एंड डेव्हलपर्स जे मॉकअप जुळवत आहेत किंवा अचूक फॉन्ट-फॅमिली आणि स्पेसिंग व्हॅल्यू कोडमध्ये टाकत आहेत - UI आणि UX इंजिनिअर्स जे सुसंगत, ऑन-ब्रँड टाईप सिस्टीम तयार करतात - CSS आणि टायपोग्राफी शिकणारे विद्यार्थी ज्यांना खऱ्या साईट्स कशा तयार केल्या जातात हे पाहायचे आहे - ॲक्सेसिबिलिटी ऑडिटर्स जे डिलिव्हरीपूर्वी मजकूर WCAG कॉन्ट्रास्ट आवश्यकता पूर्ण करतो की नाही हे सत्यापित करतात - ब्लॉगर्स, मार्केटर्स आणि उत्सुक वाचक ज्यांना फक्त एखादी साईट कोणता फॉन्ट वापरत आहे हे जाणून घ्यायचे आहे ✨ लोक ते का वापरत राहतात - डेव्हलपर टूल्समध्ये शोधाशोध करण्याऐवजी एका राईट-क्लिकने तुम्हाला उत्तर मिळते - कोड प्लेन CSS, टेलविंड, SCSS किंवा SASS मध्ये कॉपी करण्यासाठी तयार असतो, त्यामुळे तो थेट तुमच्या प्रोजेक्टमध्ये वापरता येतो - संपादन करण्यायोग्य प्रिव्ह्यूमुळे तुम्हाला कोडच्या एका ओळीलाही स्पर्श न करता टाईप निवडीचे प्रोटोटाईप बनवता येते - कॉन्ट्रास्ट चेकर ॲक्सेसिबिलिटीला नंतरची गोष्ट म्हणून न ठेवता तुमच्या वर्कफ्लोचा एक भाग बनवतो - कलर पिकर आणि आयड्रॉपरमुळे तुम्ही पेजवरील कुठूनही अचूक रंग सँपल करून पुन्हा वापरू शकता - लाईट आणि डार्क थीम्स तुमच्या ऑपरेटिंग सिस्टमला आपोआप फॉलो करतात, त्यामुळे ते दिवस-रात्र घरी असल्यासारखे वाटते - px, rem, pt, आणि em दरम्यान युनिट स्विच केल्यामुळे तुमचा कोडबेस ज्या प्रकारे लिहिला आहे, त्यानुसार आऊटपुट जुळवून घेते 🎨 तपशिलांवर एक जवळून नजर टायपोग्राफी म्हणजे केवळ एका नावापेक्षा बरेच काही आहे. FontLens त्या लहान निर्णयांना समोर आणते ज्यामुळे मजकूर चांगला दिसतो, जसे की हेडिंगची जाडी, लाईन-हाईटमधील मोकळी जागा आणि लेटर-स्पेसिंगचे सूक्ष्म ट्रॅकिंग. ह्या व्हॅल्यूज एका बाजूला पाहिल्याने तुम्हाला समजते की एखादे डिझाइन का काम करते आणि ते पुन्हा कसे तयार करायचे. प्रोव्हायडर बॅजदेखील संदर्भ जोडतो, तुम्हाला एका नजरेत सांगतो की तुम्ही गूगल फॉन्ट्स ॲसेट, ॲडोबी फॉन्ट्स फेस, सेल्फ-होस्टेड फाईल किंवा सिस्टम डीफॉल्ट पाहत आहात, जे अनेकदा टाईपफेस जुळवण्याचा किंवा सोर्स करण्याचा प्रयत्न करताना पहिला संकेत असतो. रंग साधने स्थिर रीडआउटच्या पलीकडे जातात. पिकरमध्ये ह्यू आणि अल्फा स्लाइडर्ससह एक HSV स्क्वेअर मिळतो आणि तो HEX, RGB, आणि HSL ला सपोर्ट करतो, ज्यामुळे तुम्ही तुमच्या सोयीच्या फॉरमॅटमध्ये काम करू शकता. त्याला आयड्रॉपरसोबत जोडून तुम्ही कोणत्याही एलिमेंटची अचूक छटा उचलू शकता आणि तुमच्या प्रिव्ह्यूमध्ये किंवा तुमच्या नोट्समध्ये टाकू शकता. 🚀 तपासणी सुरू करा FontLens ॲड करा, काही शब्द हायलाइट करा, आणि कोणत्याही पेजमागील टायपोग्राफी, स्टाईल्स आणि रंग पाहण्यासाठी राईट-क्लिक करा. वेब कसे वाचले जाते याची ज्यांना काळजी आहे, अशा प्रत्येकासाठी हा एक वेगवान, खाजगी आणि खरोखर उपयुक्त सोबती आहे. ते इंस्टॉल करा, हाताशी ठेवा, आणि पुन्हा कधीही एखाद्या अनामिक फॉन्टबद्दल आश्चर्यचकित होऊ नका.