HTML-এ টেক্সট ফন্ট ফ্যামিলি কীভাবে সেট করবেন?

HTML-এ টেক্সট ফন্ট ফ্যামিলি পরিবর্তন করতে, style অ্যাট্রিবিউট ব্যবহার করুন। style অ্যাট্রিবিউট একটি এলিমেন্টের জন্য ইনলাইন স্টাইল নির্দিষ্ট করে। অ্যাট্রিবিউটটি HTML <p> ট্যাগের সাথে CSS প্রপার্টি font-family ব্যবহার করে করা হয়। HTML5 <font> ট্যাগ সাপোর্ট করে না, তাই CSS স্টাইল ব্যবহার করে ফন্ট সাইজ যোগ করা হয়।

মনে রাখবেন, style অ্যাট্রিবিউটের ব্যবহার গ্লোবালি সেট করা যেকোনো স্টাইলকে ওভাররাইড করে। এটি HTML <style> ট্যাগ বা এক্সটার্নাল স্টাইলশীতে সেট করা যেকোনো স্টাইলকে ওভাররাইড করবে।

উদাহরণ

HTML পেজে টেক্সট ফন্ট ফ্যামিলি পরিবর্তন করার জন্য নিচের কোডটি রান করার চেষ্টা করুন -

<!DOCTYPE html> <html> 
  <head> 
    <title>HTML Font Family</title> 
  </head> 
  <body> 
    <h1>Our Products</h1> 
    <p style="font-family:georgia,garamond,serif;"> 
      This is demo text 
    </p> 
  </body> 
</html>