Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS से फॉन्ट फॉलबैक होने पर पठनीयता बनाए रखें

CSS font-size-adjust प्रॉपर्टी का उपयोग करके फॉन्ट फॉलबैक होने पर टेक्स्ट की पठनीयता (x-height) को संरक्षित करें। यह वैकल्पिक फॉन्ट के आकार को मूल फॉन्ट के अनुरूप समायोजित करता है।

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          #demo {             font-size-adjust: 0.90;          }       </style>    </head>    <body>       <h2>Heading Two</h2>       <h2>With font-size-adjust property:</h2>       <div class = "demo">          This is demo text.       </div>       <h2>Without font-size-adjust property:</h2>       <div>This is demo text.</div>    </body> </html>

व्याख्या: font-size-adjust: 0.90 फॉन्ट के x-height को फॉन्ट साइज़ के 90% पर सेट करता है। यदि पहला फॉन्ट उपलब्ध नहीं है, तो फॉलबैक फॉन्ट का आकार इस अनुपात को बनाए रखने के लिए समायोजित होता है।

  1. CSS से एलिमेंट का आस्पेक्ट रेशियो कैसे मेंटेन करें? CSS से एलिमेंट का आस्पेक्ट रेशियो कैसे मेंटेन करें?

    CSS से एलिमेंट का आस्पेक्ट रेशियो मेंटेन करने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body{       font-family: 'Segoe

  1. CSS से प्लेसहोल्डर एट्रिब्यूट का कलर कैसे बदलें? CSS से प्लेसहोल्डर एट्रिब्यूट का कलर कैसे बदलें?

    CSS से प्लेसहोल्डर एट्रिब्यूट का कलर बदलने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Sego

  1. CSS hyphens प्रॉपर्टी के साथ टेक्स्ट में हाइफ़न जोड़ना CSS hyphens प्रॉपर्टी के साथ टेक्स्ट में हाइफ़न जोड़ना

    परिचय CSS hyphens प्रॉपर्टी का उपयोग करके, हम निर्दिष्ट कर सकते हैं कि टेक्स्ट में हाइफ़न कैसे जोड़े जाएं। यह संकीर्ण कंटेनरों या जस्टिफाइड टेक्स्ट में टेक्स्ट रैपिंग में सुधार के लिए विशेष रूप से उपयोगी है। उदाहरण 1: मैनुअल बनाम कोई हाइफ़न नहीं <!DOCTYPE html> <html> <head> &l