HTML DOM স্টাইল ফন্ট-ফ্যামিলি প্রপার্টি নির্বাচিত উপাদানের জন্য নির্দিষ্ট ফন্ট তালিকা সেট করতে বা ফেরত দেওয়ার জন্য ব্যবহার করা হয়। ওয়েব নিরাপদ ফন্ট এবং অতিরিক্ত ফন্ট নির্দিষ্ট করে ব্যবহার করার পরামর্শ দেওয়া হয়।
−
-এর সিনট্যাক্স নিচে দেওয়া হলfontFamily সম্পত্তি −
সেট করা হচ্ছেobject.style.fontFamily = "font1, font2, etc.|initial|inherit"
এখানে, font1, font2 কমা দ্বারা বিভক্ত ফন্ট তালিকা। যদি প্রথম ফন্টটি প্রয়োগ করা না যায় তবে দ্বিতীয়টি প্রয়োগ করা হয় এবং আরও অনেক কিছু। ইনিশিয়াল প্রোপার্টি ভ্যালুকে ডিফল্ট ভ্যালুতে সেট করে যখন ইনহেরিট এটিকে প্যারেন্ট প্রোপার্টি ভ্যালুতে সেট করে।
আসুন আমরা fontFamily প্রপার্টি −
-এর একটি উদাহরণ দেখিউদাহরণ
<!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> আউটপুট
"ফন্ট ফ্যামিলি পরিবর্তন করুন ক্লিক করলে৷ ” বোতাম -
