সিএসএস ফন্ট

আপনার ওয়েবসাইটকে সঠিক ফন্ট বাছাই করা অত্যন্ত জরুরী!

ফন্ট বাছাই করা অত্যন্ত জরুরী

সঠিক ফন্ট বাছাই করা ওয়েবসাইটের ব্যবহারকারীর অনুভবকে বড় পরিমাণে প্রভাবিত করতে পারে

সঠিক ফন্ট আপনার ব্র্যান্ডকে একটি শক্তিশালী ছবি তৈরি করতে পারে

পড়ার সুবিধা যোগ্য ফন্ট ব্যবহার করা অত্যন্ত জরুরী। ফন্ট আপনার টেক্সটকে মূল্যবান করে। ফন্টের সঠিক রং এবং টেক্সট মাপ বাছাই করা অত্যন্ত জরুরী

সাধারণ ফন্ট পরিবার

CSS-তে, পাঁচটি সাধারণ ফন্ট পরিবার আছে:

  • সেরিফ ফন্ট (Serif) - প্রত্যেক অক্ষরের ধরনের মূলে একটি ছোট কলম আছে। তারা একটি রূপান্তরকারী এবং সুন্দর ধরন তৈরি করে
  • স্যান্স-সেরিফ ফন্ট (Sans-serif) - ফন্ট লাইনগুলি সরল (কোনও ছোট কলম নেই)। তারা একটি আধুনিক এবং সরল ধরন তৈরি করে
  • মনোস্পেস ফন্ট (Monospace) - এখানে সব অক্ষরই একই স্থির প্রস্থতা আছে। তারা একটি যান্ত্রিক ধরন তৈরি করে
  • কার্শন ফন্ট (Cursive) - এটি মানুষের লিখত স্টাইলকে নকশা করে
  • ফ্যান্টাসি ফন্ট (Fantasy) - এটি সাজানো/মজাদার ফন্ট

সমস্ত ভিন্ন ফন্ট নামগুলি এই পাঁচটি সাধারণ ফন্ট পরিবারের মধ্যে পড়ে।

সেরিফ এবং স্যান্স-সেরিফ ফন্টের মধ্যে পার্থক্য

সেরিফ বা স্যান্স-সেরিফ

সুঝাওয়া:কম্পিউটার স্ক্রিনের ওপর, সান্স-সেরিফ ফন্টগুলি সেরিফ ফন্টগুলির তুলনায় পড়ার সুবিধা দেয়。

কিছু ফন্টের উদাহরণ

সাধারণ ফন্ট পরিবার ফন্ট নাম উদাহরণ
সেরিফ টাইমস নিউ রোমান
জর্জিয়া
গারামন্ড
স্যান্স-সেরিফ আরিয়েল
ভার্ডানা
হেলভেটিকা
মনোস্পেস কার্যারির নতুন
লুসিডা কনসোল
মনাকো
কার্শন ব্রাশ স্ক্রিপ্ট এমটি
লুসিডা হ্যান্ডওয়ার্কিং
ফ্যান্টাসি কপারপ্লেট
প্যাপিয়ারাস

CSS font-family 属性

在 CSS 中，我们使用 font-family 属性规定文本的字体。

font-family 属性应包含多个字体名称作为“后备”系统，以确保浏览器/操作系统之间的最大兼容性。请以您需要的字体开始，并以通用系列结束（如果没有其他可用字体，则让浏览器选择通用系列中的相似字体）。字体名称应以逗号分隔。

মন্তব্য:যদি ফন্ট নামটি একাধিক শব্দ থাকে, তবে তা টুকরোতে দিতে হবে, উদাহরণস্বরূপ: "Times New Roman"。

ইনস্ট্যান্স

তিনটি প্যারাগ্রাফের জন্য ভিন্ন ফন্ট নির্ধারণ করুন:

.p1 {
  font-family: "Times New Roman", Times, serif;
}
.p2 {
  font-family: Arial, Helvetica, sans-serif;
}
.p3 {
  font-family: "Lucida Console", "Courier New", monospace;
}

আপনার হাতে চালিয়ে দেখুন