JavaScript से फ़ॉन्ट को स्मॉल कैपिटल लेटर्स में कैसे प्रदर्शित करें?

उदाहरण

fontVariant प्रॉपर्टी से फ़ॉन्ट को स्मॉल-कैप्स में बदलें।

<!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.fontVariant = "small-caps";
      }
    </script>
  </body>
</html>

मान: normal, small-caps। CSS3 में font-variant शॉर्टहैंड कई वेरिएंट्स (ligatures, numeric, caps) नियंत्रित करता है।