CSS font-style প্রপার্টি ফন্টকে নরমাল, ইট্যালিক বা ওব্লিক (তেরচা) করার জন্য ব্যবহৃত হয়।
সিনট্যাক্স এবং অপশন
font-style: normal; /* ডিফল্ট */ font-style: italic; /* ইট্যালিক */ font-style: oblique; /* ওব্লিক (ডিফল্ট 14deg) */ font-style: oblique 30deg; /* কাস্টম অঙ্গেল */ /* গ্লোবাল কিওয়ার্ড */ font-style: inherit; font-style: initial; font-style: unset;
Italic vs Oblique
- Italic: ফন্টের নিজস্ব ইট্যালিক ভারিয়েন্ট ব্যবহার করে (যদি থাকে)
- Oblique: ফন্টকে কৃত্রিমভাবে স্ল্যান্ট (slant) করে
- ব্রাউজার সাপোর্টের কারণে oblique পাওয়া না গেলে italic ফলব্যাক হিসেবে কাজ করে
ব্যবহারিক উদাহরণ
নরমাল স্টাইল (কাস্টম ফন্টের সাথে)
h1.title {
font-family: 'Tangerine';
font-style: normal; /* Tangerine ফন্ট ডিফল্ট কার্সিভ */
}
ইট্যালিক برای ইমফাসিস
p.par {
font-family: 'Indie Flower';
font-style: italic; /* ব্রাউজার কৃত্রিমভাবে স্ল্যান্ট করবে */
}
মূল ব্যবহার
font-style-এর প্রধান ব্যবহার হলো italic করে টেক্সটে জোর (emphasis) দেওয়া। Normal রিডান্ডেন্ট (অপ্রয়োজনীয়) কারণ সেটি ডিফল্ট। Oblique ব্রাউজার সাপোর্ট পরিপূর্ণ না হওয়া পর্যন্ত সীমিত ব্যবহার।
উপসংহার
font-style প্রপার্টি font-family-এর সাথে গভীরভাবে লিংকড। আধুনিক ব্রাউজারে oblique সাপোর্ট বড়ছে, কিন্তু বর্তমানে italic হয়ে সবচেয়ে ব্যবহারিক অপশন। টেক্সটে জোর দেওয়ার জন্য font-style: italic ব্যবহার করুন।
