टाइपोग्राफी स्केल जनरेटर बेस आकार, अनुपात और इकाई को अनुकूलित करने वाला एक मॉड्यूलर टाइपोग्राफिक स्केल बनाएं।
टाइपोग्राफी स्केल जनरेटर
बेस आकार, अनुपात और इकाई को अनुकूलित करने वाला एक मॉड्यूलर टाइपोग्राफिक स्केल बनाएं।
बेस आकार और अनुपात सेट करें
फ़ॉन्ट का बेस आकार चुनें और प्रगति के लिए एक गणितीय स्केल अनुपात चुनें।
आउटपुट कॉन्फ़िगर करें
इकाई (px, rem, em), लाइन ऊंचाई और स्केल चरणों की संख्या चुनें।
सीएसएस कॉपी करें
टाइप स्केल का पूर्वावलोकन करें और सीएसएस कस्टम गुणों को कॉपी करें।
What Is टाइपोग्राफी स्केल जनरेटर?
टाइपोग्राफी स्केल जनरेटर एक गणितीय अनुपात पर आधारित फ़ॉन्ट आकारों का एक सामंजस्यपूर्ण सेट बनाता है, जिसे मॉड्यूलर स्केल भी कहा जाता है। अच्छे डिज़ाइन के लिए निरंतर टाइपोग्राफी मौलिक है, और मॉड्यूलर स्केल गणितीय अनुपात के माध्यम से एक दूसरे से स्वाभाविक रूप से संबंधित फ़ॉन्ट आकार प्रदान करते हैं। यह टूल आठ शास्त्रीय स्केल अनुपात प्रदान करता है: माइनर सेकंड (1.067), मेजर सेकंड (1.125), माइनर थर्ड (1.200), मेजर थर्ड (1.250), परफ़ेक्ट फ़ोर्थ (1.333), ऑगमेंटेड फ़ोर्थ (1.414), परफ़ेक्ट फ़िफ़्थ (1.500), और गोल्डन रेशियो (1.618)। एक बेस आकार से शुरू करके, प्रत्येक चरण चुने हुए अनुपात से गुणा किया जाता है। आउटपुट में नामित CSS कस्टम प्रॉपर्टीज़ (--font-size-xs से --font-size-5xl) आपकी पसंदीदा इकाई में शामिल हैं, साथ ही एक दृश्य पूर्वावलोकन जिसमें प्रत्येक आकार नमूना टेक्स्ट के साथ दिखाया गया है।
Why Use टाइपोग्राफी स्केल जनरेटर?
-
संगीत और डिज़ाइन सिद्धांत से आठ शास्त्रीय गणितीय स्केल अनुपात
-
विभिन्न परियोजना आवश्यकताओं के लिए px, rem या em इकाइयों में आउटपुट
-
समायोज्य बेस आकार, लाइन ऊंचाई और चरणों की संख्या
-
सीएसएस कस्टम गुणों का आउटपुट आसान एकीकरण के लिए
Common Use Cases
डिज़ाइन सिस्टम टाइपोग्राफ़ी
एक डिज़ाइन प्रणाली के आधार के रूप में एक निरंतर टाइप स्केल स्थापित करें।
नया परियोजना सेटअप
नए वेब परियोजनाओं को शुरू करते समय संगीतमय फ़ॉन्ट आकार उत्पन्न करें।
ब्लॉग और लेख शैली
लंबे-रूपांतरित सामग्री के लिए एक पठनीय टाइपोग्राफ़िक पदानुक्रम बनाएं।
उत्तरदायी टाइपोग्राफ़ी
विभिन्न उत्तरदायी ब्रेकपॉइंट्स में उपयोग करने के लिए स्केल मान उत्पन्न करें।
Technical Guide
एक मॉड्यूलर टाइप स्केल गणितीय अनुपात का उपयोग करके आनुपातिक मानों की एक श्रृंखला बनाता है। बेस आकार (आमतौर पर वेब के लिए 16px) से शुरू करके, प्रत्येक चरण अनुपात से गुणा करके tínhा जाता है। मेजर थर्ड (1.25) स्केल के साथ 16px बेस के लिए: 12.8px, 16px, 20px, 25px, 31.25px, 39.06px। अनुपात आकारों के बीच कंट्रास्ट निर्धारित करता है - छोटे अनुपात (1.067, 1.125) शरीर पाठ के लिए आदर्श सूक्ष्म अंतर बनाते हैं, जबकि बड़े अनुपात (1.5, 1.618) प्रदर्शन टाइपोग्राफी के लिए उपयुक्त नाटकीय अंतर बनाते हैं। लोकप्रिय अनुपात संगीत सिद्धांत (माइनर थर्ड, परफ़ेक्ट फ़ोर्थ, परफ़ेक्ट फ़िफ़्थ) और गणित (गोल्डन रेशियो) से आते हैं। वेब कार्यान्वयन के लिए, आकारों को CSS कस्टम प्रॉपर्टीज़ के रूप में परिभाषित करें और उन्हें पूरे शैली पत्रक में उपयोग करें। दृश्यता के लिए rem इकाइयाँ पसंदीदा हैं क्योंकि वे उपयोगकर्ता की फ़ॉन्ट आकार वरीयताओं का सम्मान करती हैं। रेखा ऊंचाई आमतौर पर फ़ॉन्ट आकार बढ़ने के साथ घट जाती है - शरीर पाठ के लिए 1.5 और बड़े शीर्षकों के लिए 1.1-1.2।
Tips & Best Practices
-
1अधिकांश वेब परियोजनाओं के लिए मेजर थर्ड (1.25) या परफेक्ट फोर्थ (1.333) का उपयोग करें
-
2सुलभ, उपयोगकर्ता-प्राथमिकता-सम्मानित टाइपोग्राफ़ी के लिए rem इकाइयों का उपयोग करें
-
3बड़े शीर्षकलेख (1.1-1.2) के लिए लाइन-ऊंचाई कम करें और शरीर (1.5-1.7) के लिए बढ़ाएं
-
4प्रबंधनीय टाइपोग्राफ़िक पदानुक्रम के लिए 5-7 स्केल चरणों तक सीमित रखें
Related Tools
स्पेसिंग स्केल जनरेटर
एक अनुकूलन योग्य बेस इकाई और गुणकों के साथ एक समान स्पेसिंग स्केल प्रणाली बनाएं।
🎨 CSS & Design
गूगल फ़ॉन्ट्स पूर्वावलोकन
अपने अनुकूलित पाठ, आकार, वजन और अक्षर अंतराल के साथ गूगल फ़ॉन्ट्स का पूर्वावलोकन करें।
🎨 CSS & Design
सीएसएस वेरिएबल जनरेटर
रंग, स्पेसिंग और टाइपोग्राफी के लिए सीएसएस कस्टम प्रॉपर्टीज (वेरिएबल्स) बनाएं।
🎨 CSS & Design
सीएसएस त्रिकोण जनरेटर
बॉर्डर तकनीक का उपयोग करके दिशा और रंग नियंत्रण के साथ सीएसएस त्रिकोण बनाएं।
🎨 CSS & DesignFrequently Asked Questions
Q मॉड्यूलर स्केल क्या है?
Q मुझे कौन सा अनुपात चुनना चाहिए?
Q मुझे px या rem का उपयोग करना चाहिए?
Q मुझे कितने स्केल चरणों की आवश्यकता है?
Q क्या मैं मोबाइल और डेस्कटॉप के लिए अलग-अलग स्केल का उपयोग कर सकता हूं?
About This Tool
टाइपोग्राफी स्केल जनरेटर is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.