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

JavaScript से टेक्स्ट का फॉन्ट फैमिली कैसे सेट करें?


JavaScript से फॉन्ट फैमिली बदलना

फॉन्ट फैमिली सेट करने के लिए, JavaScript में fontFamily प्रॉपर्टी का उपयोग करें।

उदाहरण

<!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";
      }
    </script>
  </body>
</html>

व्याख्या

  • element.style.fontFamily CSS font-family प्रॉपर्टी को सेट करता है।
  • मान एक कॉमा-सूची हो सकती है: "Arial, Helvetica, sans-serif"।
  • ब्राउज़र सूची में पहले उपलब्ध फॉन्ट का उपयोग करता है।

अन्य फॉन्ट प्रॉपर्टीज

प्रॉपर्टीCSS समतुल्यउदाहरण
fontSizefont-size"16px", "1.2rem"
fontWeightfont-weight"bold", "700"
fontStylefont-style"italic"
fontVariantfont-variant"small-caps"
lineHeightline-height"1.5"
  1. - JavaScript से फ़ॉन्ट को स्मॉल कैपिटल लेटर्स में कैसे प्रदर्शित करें?

    उदाहरण fontVariant प्रॉपर्टी से फ़ॉन्ट को स्मॉल-कैप्स में बदलें। <!DOCTYPE html> <html> <body> <h1>हेडिंग 1</h1> <p id=myID> यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट ह

  1. - JavaScript से टेक्स्ट में लाइन्स के बीच की दूरी कैसे सेट करें?

    उदाहरण lineHeight प्रॉपर्टी से टेक्स्ट लाइन्स के बीच की ऊंचाई सेट करें। <!DOCTYPE html> <html> <body> <h1>हेडिंग 1</h1> <p id=myID>यह डेमो टेक्स्ट है।<br>यह डेमो टेक्स्ट<br>यह डेमो टेक्स्ट</p> <button type=button onclick=display(

  1. - JavaScript से टेक्स्ट में कैरेक्टर्स के बीच स्पेस कैसे सेट करें?

    उदाहरण letterSpacing प्रॉपर्टी से कैरेक्टर्स के बीच अतिरिक्त स्पेस जोड़ें या घटाएं। <!DOCTYPE html> <html> <body> <h1>हेडिंग 1</h1> <p id=myID>यह डेमो टेक्स्ट है।</p> <button type=button onclick=display()>कैरेक्टर्स के बीच स्पेस सेट करें&