मुख्य सामग्री पर जाएं
Redmoon Converters
🎨 डिज़ाइन और क्रिएटिव

टाइपोग्राफी स्केल जनरेटर (मॉड्यूलर टाइप स्केल)

किसी भी बेस साइज़ और अनुपात (1.125 से 1.618) से एक मॉड्यूलर टाइपोग्राफी स्केल बनाएं और इसे CSS कस्टम प्रॉपर्टीज़ या Tailwind कॉन्फिग के रूप में कॉपी करें।

ब्राउज़र डिफ़ॉल्ट 16 px है।
स्केल प्रीव्यू
बेस 16 px · अनुपात 1.2
स्टेपpxrememलाइन-हाइटप्रीव्यू
गणित कैसे काम करता है

मॉड्यूलर स्केल हर ऊपर के स्टेप के लिए बेस को अनुपात से गुणा करता है, और हर नीचे के स्टेप के लिए उससे भाग देता है। स्टेप 0 बेस है, स्टेप 1 = बेस × अनुपात, स्टेप −1 = बेस ÷ अनुपात, आदि।

साइज़ बढ़ने के साथ सुझाई गई लाइन-हाइट घटती है: बॉडी टेक्स्ट के लिए 1.6, हेडिंग के लिए 1.4, डिस्प्ले साइज़ के लिए 1.1 — इसकी गणना `1.7 − 0.1 × stepAbove` के रूप में की जाती है, जिसे [1.05, 1.7] के बीच सीमित रखा जाता है।

इन नामों से भी जाना जाता है

typography scale calculatormodular type scalerem font size scalecss type scale

संबंधित टूल्स