Skip to main content

टाइपोग्राफी स्केल जनरेटर बेस आकार, अनुपात और इकाई को अनुकूलित करने वाला एक मॉड्यूलर टाइपोग्राफिक स्केल बनाएं।

टाइपोग्राफी स्केल जनरेटर illustration
🎨

टाइपोग्राफी स्केल जनरेटर

बेस आकार, अनुपात और इकाई को अनुकूलित करने वाला एक मॉड्यूलर टाइपोग्राफिक स्केल बनाएं।

1

बेस आकार और अनुपात सेट करें

फ़ॉन्ट का बेस आकार चुनें और प्रगति के लिए एक गणितीय स्केल अनुपात चुनें।

2

आउटपुट कॉन्फ़िगर करें

इकाई (px, rem, em), लाइन ऊंचाई और स्केल चरणों की संख्या चुनें।

3

सीएसएस कॉपी करें

टाइप स्केल का पूर्वावलोकन करें और सीएसएस कस्टम गुणों को कॉपी करें।

Loading tool...

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

Frequently Asked Questions

Q मॉड्यूलर स्केल क्या है?
एक मॉड्यूलर स्केल एक ऐसी संख्याओं की श्रृंखला है जो एक निरंतर गणितीय अनुपात के माध्यम से एक दूसरे से संबंधित होती है, जिससे दृश्य सद्भाव बनता है।
Q मुझे कौन सा अनुपात चुनना चाहिए?
मेजर थर्ड (1.25) अधिकांश परियोजनाओं के लिए बहुमुखी है। छोटे अनुपातों का उपयोग सूक्ष्म पदानुक्रमों के लिए करें और बड़े अनुपातों का उपयोग नाटकीय विपरीतताओं के लिए करें।
Q मुझे px या rem का उपयोग करना चाहिए?
rem की सिफारिश की जाती है क्योंकि यह उपयोगकर्ता फ़ॉन्ट आकार प्राथमिकताओं का सम्मान करता है, जिससे सुलभता में सुधार होता है।
Q मुझे कितने स्केल चरणों की आवश्यकता है?
5-7 चरण अधिकांश आवश्यकताओं को कवर करते हैं: xs, sm, base, lg, xl, 2xl, 3xl।
Q क्या मैं मोबाइल और डेस्कटॉप के लिए अलग-अलग स्केल का उपयोग कर सकता हूं?
हाँ, मीडिया प्रश्नों का उपयोग करके मोबाइल पर एक छोटे अनुपात और डेस्कटॉप पर एक बड़े अनupat के बीच स्विच करें।

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.