रेस्पॉन्सिव टाइपोग्राफी
उपकरणों में स्केलिंग
तकनीकें सीखेंरेस्पॉन्सिव टाइपोग्राफी सुनिश्चित करती है कि टेक्स्ट सभी डिवाइस आकारों में पठनीय और सौंदर्यपूर्ण बना रहे। सही इकाइयों और तकनीकों का उपयोग फ्लूइड टाइप बनाता है जो स्वाभाविक रूप से स्केल होता है।
सामान्य टाइप स्केल
| तत्व | मोबाइल | डेस्कटॉप | अनुपात |
|---|---|---|---|
| बॉडी टेक्स्ट | 16px | 18px | 1.0 |
| H3 | 18px | 22px | 1.2 |
| H2 | 22px | 28px | 1.5 |
| H1 | 28px | 40px | 2.0-2.2 |
CSS उदाहरण: font-size: clamp(1rem, 2.5vw, 2rem);
निष्कर्ष
रेस्पॉन्सिव टाइपोग्राफी सुचारू स्केलिंग के लिए सापेक्ष इकाइयों, व्यूपोर्ट-आधारित आकार, और CSS clamp() को जोड़ती है। एक पठनीय आधार आकार (16-18px) से शुरू करें, एक सुसंगत स्केल अनुपात स्थापित करें, और उपकरणों में परीक्षण करें। अच्छी रेस्पॉन्सिव टाइप हर स्क्रीन पर पठनीयता और उपयोगकर्ता अनुभव को बढ़ाती है।