CSS font-stretch প্রপার্টি দিয়ে টেক্সট ন্যারো (condensed) বা واইডার (expanded) করা যায়। এগুলোকে condensed বা expanded ফন্ট বলা হয়।
- Condensed fonts: ন্যারো স্ট্রোক-উইডথ এবং অক্ষরের মাঝপথে কম স্পেস।
- Expanded fonts: রেগুলার ফন্টের চেয়ে واাইডার স্ট্রোক-উইডথ।
font-stretch ভ্যালুগুলো
- ultra-condensed
- extra-condensed
- condensed
- semi-condensed
- normal
- semi-expanded
- expanded
- extra-expanded
- ultra-expanded
কোড উদাহরণ
h1 { font-family: sans-serif; font-stretch: expanded; }
h2 { font-family: sans-serif; font-stretch: condensed; }গুরুত্বপূর্ণ: অধিকাংশ টাইপফেস/ফন্ট ফ্যামিলি এই condensed বা expanded ফন্ট ফেস সহ আসে না। তাই font-stretch ব্যবহার করার আগে নিশ্চিত হোন যে আপনার ফন্ট ফ্যামিলিতে আপনার কাঙ্খিত ফন্ট ফেস আছে।
নোট: যদি ফন্ট ফ্যামিলিতে না থাকে, তবে কিছুই হবে না—faux bold/italic-এর মতো ভদ্র না দেখানো ফন্ট পাবেন না। কিন্তু ব্রাউজার টেকনোলজি পরিবর্তন হতে পারে, তাই রিস্ক কেন নেবেন?)
