CSS font-family

CSS ফন্ট-পরিবার

এই CSS বৈশিষ্ট্যটি ফন্ট পরিবারের একটি কমা-বিচ্ছিন্ন তালিকা প্রদান করতে ব্যবহৃত হয়। এটি একটি উপাদানের পাঠ্য বিষয়বস্তুর জন্য ফন্ট-ফেস সেট করে। এই বৈশিষ্ট্যটি একটি ফলব্যাক সিস্টেম হিসাবে একাধিক ফন্টের নাম ধরে রাখতে পারে, যেমন, যদি একটি ফন্ট ব্রাউজারে অসমর্থিত হয়, তবে অন্যগুলি ব্যবহার করা যেতে পারে। আকর্ষণীয় ওয়েব পেজ তৈরির জন্য বিভিন্ন ফন্ট-ফ্যামিলি ব্যবহার করা হয়।

CSS-এ দুই ধরনের ফন্ট-ফ্যামিলি নাম আছে, যেগুলো নিচে সংজ্ঞায়িত করা হল:

পরিবার-নাম: এটি ফন্ট-পরিবারের নাম যেমন “কুরিয়ার”, “আরিয়াল”, “টাইমস” ইত্যাদি।

generic-family: এটি জেনেরিক পরিবারের নাম যা পাঁচটি বিভাগ অন্তর্ভুক্ত করে, যা হল “সেরিফ”, “সান-সেরিফ”, “অভিশাপ”, “ফ্যান্টাসি” এবং “মনোস্পেস”। এটি ফন্ট পরিবারের নামের তালিকায় শেষ পর্যন্ত স্থাপন করা উচিত।

আসুন জেনেরিক-পারিবারিক বিভাগগুলি সংজ্ঞায়িত করি।

serif: এটি প্রধানত ব্যবহৃত হয় যখন আমরা মুদ্রণের জন্য লেখা লিখি, যেমন বই, ম্যাগাজিন, সংবাদপত্র ইত্যাদি। এতে জর্জিয়া, গ্যারামন্ড, টাইমস নিউ রোমান, মিনিয়ন এবং আরও অনেক কিছুর মতো ফন্ট-পরিবার অন্তর্ভুক্ত থাকে।

sans-serif: এটি একটি আধুনিক, আনুষ্ঠানিক এবং সাধারণ শৈলী। এটি ব্যাপকভাবে ব্যবহৃত হয় তবে প্রায়শই পাঠ্যের ডিজিটাল আকারে। এতে ফন্ট-ফ্যামিলি রয়েছে যেগুলো হল Arial, Calibri, Verdana, Futura, Lato এবং আরও অনেক কিছু।

cursive: এটি মূলত আমন্ত্রণপত্র, অনানুষ্ঠানিক বার্তা ইত্যাদি লেখার জন্য ব্যবহৃত হয়। এটি একটি হাতে লেখা পাঠ্যের মতো যা একটি কলম বা ব্রাশ দ্বারা লেখা হয়। এতে যে ফন্ট-পরিবার রয়েছে তা হল Insolente, Corsiva, Flanella, Belluccia, Zapfino এবং আরও অনেক কিছু।

monospace: এটি নির্দেশাবলী, মেইলিং ঠিকানা, টাইপ লেখা পাঠ্য ইত্যাদির জন্য। এতে মোনাকো, সিমসান, কুরিয়ার, কনসোলাস, ইনকনসোলাটা এবং আরও অনেক কিছু ফন্ট-ফ্যামিলি রয়েছে।

ফ্যান্টাসি: এটি পাঠ্যকে অভিব্যক্তিপূর্ণ, আলংকারিক এবং প্রভাবশালী করে তোলে। এতে ফন্ট-ফ্যামিলি রয়েছে যা ইমপ্যাক্ট, কপারপ্লেট, ক্র্যাকড, ক্রিটার এবং আরও অনেক কিছু।

বাক্য গঠন :

  1. font-family: family-name|generic-family|initial|inherit;  
  1. মূল্যবোধ

আসুন ফন্ট-ফ্যামিলি প্রপার্টির মান দেখি।

family-name/generic-family: এটি হল হরফ-পরিবারের নাম এবং জেনেরিক পরিবারের নামের তালিকা।

প্রাথমিক: এটি প্রপার্টিটিকে তার ডিফল্ট মান সেট করতে ব্যবহৃত হয়।

inherit: এটি তার মূল উপাদান থেকে সম্পত্তির উত্তরাধিকারী হতে ব্যবহৃত হয়।

আসুন একটি উদাহরণ ব্যবহার করে এটি বোঝা যাক।

উদাহরণ

  1. >  
  2. html>  
  3. head>  
  4. style>   
  5. text-align:center;  
  6. }  
  7.   h1.a {  
  8.   font-family: “Times New Roman”, Times, serif;  
  9.   color:Red;  
  10.   }    
  11.   {  
  12.   font-family: Arial, Helvetica, sans-serif;  
  13.   color:blue;  
  14.   }  
  15. style>  
  16. head>  
  17. body>  
  18. h1>The font-family Propertyh1>    
  19. h1 class=“a”>Hello World 🙂 🙂h1>    
  20. h2 class=“b”>Welcome to the javaTpoint.comh2>    
  21. body>  
  22. html>  


Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top