JavaScript से फ़ॉन्ट फॉलबैक होने पर टेक्स्ट पठनीयता कैसे संरक्षित करें?

उदाहरण

fontSizeAdjust प्रॉपर्टी से फ़ॉन्ट का आस्पेक्ट वैल्यू (लोअरकेस/अपरकेस ऊंचाई अनुपात) सेट करके पठनीयता बनाए रखें।

<!DOCTYPE html>
<html>
  <body>
    <h1>हेडिंग 1</h1>
    <p id="myID">
      यह डेमो टेक्स्ट है।
    </p>
    <button type="button" onclick="display()">आस्पेक्ट वैल्यू सेट करें</button>
    <script>
      function display() {
        document.getElementById("myID").style.fontFamily = "verdana,sans-serif";
        document.getElementById("myID").style.fontSizeAdjust = "0.90";
      }
    </script>
  </body>
</html>

नोट: मूल कोड में myP टाइपो था (सही: myID)। font-size-adjust तब उपयोगी है जब फॉलबैक फ़ॉन्ट का एक्स-हाइट अलग हो।