टाइप स्केल जनरेटर
Type Scale Generator एक base font size और ratio से — Minor Second (1.067) से Golden Ratio (1.618) तक — modular typography scale निकालता है और नौ sizes को CSS custom properties के रूप में देता है।
इस टूल के बारे में
Type Scale Generator एक base font size और ratio से — Minor Second (1.067) से Golden Ratio (1.618) तक — modular typography scale निकालता है और नौ sizes को CSS custom properties के रूप में देता है।
इस्तेमाल कैसे करें
- pixels में base font size डालें (16 px ब्राउज़र का डिफ़ॉल्ट है)।
- Major Third (1.25) जैसा कोई scale ratio चुनें।
- आउटपुट यूनिट चुनें: rem, px या em।
- --xs से --4xl तक के sizes इस्तेमाल करने के लिए Copy CSS Variables पर क्लिक करें।
जानने योग्य बातें
- modular scale का हर step पिछले size को उसी ratio से गुणा करता है।
- generator नौ steps बनाता है: base से दो नीचे, base, और उससे छह ऊपर।
- छोटे ratios (1.067–1.2) घने इंटरफ़ेस के लिए ठीक हैं; बड़े ratios (1.333–1.618) बड़ी headings वाले editorial पेजों के लिए।
- rem values 16 px root font size के सापेक्ष निकाली जाती हैं।
- rem इस्तेमाल करने से टेक्स्ट यूज़र की ब्राउज़र font-size सेटिंग के साथ बदलता है।
पूरी तरह आपके ब्राउज़र में चलता है — आप जो भी डालते हैं, वह न अपलोड होता है न सेव।
अक्सर पूछे जाने वाले सवाल
modular type scale क्या है?
यह font sizes का ऐसा सेट है जिसमें हर size पिछले size को एक तय ratio से गुणा करके बनता है, जिससे headings और body text दिखने में आपस में जुड़े रहते हैं।
कौन-सा type scale ratio इस्तेमाल करूँ?
Major Third (1.25) और Perfect Fourth (1.333) लोकप्रिय और हर जगह चलने वाले विकल्प हैं। ऐप्स और dashboards के लिए छोटा ratio और landing pages व ब्लॉग के लिए बड़ा ratio इस्तेमाल करें।
font sizes rem में हों या px में?
आमतौर पर rem की सलाह दी जाती है, क्योंकि यह यूज़र के पसंदीदा ब्राउज़र font size का सम्मान करता है, जिससे accessibility बेहतर होती है।
कौन-सा base font size इस्तेमाल करूँ?
16 px ब्राउज़र का स्टैंडर्ड डिफ़ॉल्ट है और body text के लिए अच्छा base है; आराम से पढ़ने के लिए कई साइटें 16–18 px इस्तेमाल करती हैं।