एचटीएमएल डोम स्टाइल फ़ॉन्ट-पारिवारिक संपत्ति का उपयोग चयनित तत्व के लिए विशिष्ट फ़ॉन्ट सूची को सेट करने या वापस करने के लिए किया जाता है। वेब सुरक्षित फ़ॉन्ट का उपयोग करने और अतिरिक्त फ़ॉन्ट निर्दिष्ट करने की अनुशंसा की जाती है।
−
. के लिए वाक्य रचना निम्नलिखित हैFontFamily प्रॉपर्टी सेट करना -
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
यहां, फॉन्ट 1, फॉन्ट 2 कॉमा सेपरेटेड फॉन्ट लिस्ट हैं। यदि पहला फ़ॉन्ट लागू नहीं किया जा सकता है, तो दूसरा लागू किया जाता है और इसी तरह। प्रारंभिक संपत्ति मान को डिफ़ॉल्ट मान पर सेट करता है जबकि इनहेरिट इसे मूल संपत्ति मान पर सेट करता है।
आइए फॉन्टफैमिली प्रॉपर्टी के लिए एक उदाहरण देखें -
उदाहरण
<!DOCTYPE html> <html> <head> <style> li{ font-size: 1.1em; background-color: snow; font-family: cursive; } </style> <script> function changeFontFamily() { for(var i=0;i<3;i++){ document.getElementsByTagName("li")[i].style.fontFamily="Sans-Seriff"; } document.getElementById("Sample").innerHTML="The font family for the above list is now set to Helvetica"; } </script> </head> <body> <ul> <li>This is list item 1.</li> <li>This is list item 2</li> <li>This is list item 3</li> </ul> <p>Change the above list items font family by clicking the below button</p> <button onclick="changeFontFamily()">Change Font Family</button> <p id="Sample"></p> </body> </html>
आउटपुट
“फ़ॉन्ट परिवार बदलें . पर क्लिक करने पर "बटन -