ফন্ট বৈশিষ্ট্য

font বৈশিষ্ট্যটি একটি সংক্ষিপ্ত বৈশিষ্ট্য, যেখানে নিম্নলিখিত CSS বৈশিষ্ট্যগুলি ব্যবহার করা যেতে পারে: font-size, font-style, font-weight, line-height, font-family, font-variant.

সিনট্যাক্স

cssসিলেক্টর {
  font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

অবশ্যই প্রয়োজনীয় বৈশিষ্ট্যগুলি হল font-size এবং font-family, বাকিগুলি বাদ দেওয়া যেতে পারে, ক্রম বজায় রেখে।

font-style, font-variant, font-weight বৈশিষ্ট্যগুলি একে অপরের সাপেক্ষে যেকোনো ক্রমে সাজানো যেতে পারে।

লক্ষ্য করুন যে line-height বৈশিষ্ট্যটি font-size বৈশিষ্ট্যের পরে স্ল্যাশ দিয়ে লেখা হয়।

উদাহরণ

আসুন বাঁকানো টেক্সট তৈরি করি যার আকার 15px, Arial টাইপ সহ, এবং লাইন ইন্টারভাল 30px:

html<p>
  some long text
</p>

cssp {
  font: italic 15px/30px Arial;
  text-align: justify;
}

Результат:

উদাহরণ

আরেকটি উদাহরণ:

html<p>
  some long text
</p>

cssp {
  font: bold 16px/20px "Times New Roman", Georgia, serif;
  text-align: justify;
}

Результат:

উদাহরণ

শুধু ফন্টের আকার এবং পরিবার নির্ধারণ করুন, অন্যান্য বৈশিষ্ট্যগুলি বাদ দিয়ে:

html<p>
  some long text
</p>

cssp {
  font: 18px Arial;
  text-align: justify;
}

Результат:

উদাহরণ

যদি শুধুমাত্র ফন্টের আকার নির্ধারণ করা হয়, তবে এটি প্রয়োগ হবে না, কারণ অবশ্যই ফন্টের পরিবারও নির্ধারণ করতে হবে:

html<p>
  some long text
</p>

cssp {
  font: 30px;
  text-align: justify;
}

Результат: