font-stretch CSS প্রপার্টি আপনাকে আপনার টেক্সটকে আরও সংকীর্ণ (ঘন করা) বা প্রশস্ত (প্রসারিত) করতে দেয়।
এই ধরনের ফন্টগুলিকে কনডেন্সডও বলা হয় অথবা প্রসারিত ফন্ট
- কন্ডেন্সড ফন্ট সংকীর্ণ স্ট্রোক-প্রস্থ সহ অক্ষর আছে। নিয়মিত ফন্টের তুলনায় তাদের অক্ষরগুলির মধ্যে (অক্ষর-স্পেসিং/লিডিং) অনেক সংকীর্ণ স্থান রয়েছে।
- প্রসারিত ফন্ট তাদের উচ্চতার অনুপাতে সাধারণ ফন্টের চেয়ে প্রশস্ত স্ট্রোক-প্রস্থের অক্ষর রয়েছে।
CSS font-stretch সম্পত্তির নিম্নলিখিত মান রয়েছে (ফন্ট ফেস ভ্যারাইটিস):
- অতি ঘনীভূত
- অতিরিক্ত ঘনীভূত
- ঘনিত
- অর্ধ ঘনীভূত
- স্বাভাবিক
- অর্ধ-প্রসারিত
- প্রসারিত
- অতিরিক্ত-প্রসারিত
- অতি-প্রসারিত
কোড উদাহরণ
h1 {
font-family: sans-serif;
font-stretch: expanded;
}
h2 {
font-family: sans-serif;
font-stretch: condensed;
}গুরুত্বপূর্ণ: বেশিরভাগ টাইপফেস/ফন্ট ফ্যামিলি এই ঘনীভূত বা প্রসারিত ফন্ট ফেস দিয়ে সজ্জিত হয় না।
তাই আপনি font-stretch ব্যবহার করার আগে আপনার CSS স্টাইলশীটে প্রপার্টি, নিশ্চিত করুন যে আপনি যে ফন্ট ফ্যামিলি ব্যবহার করছেন তাতে নির্দিষ্ট ঘনীভূত বা প্রসারিত ফন্ট ফেস রয়েছে যা আপনি ব্যবহার করতে চান।
দ্রষ্টব্য:আপনি যদি font-stretch ব্যবহার করেন সম্পত্তি এমনকি যদি আপনার পছন্দের ফন্ট-পরিবার কোনো ঘনীভূত বা প্রসারিত ফন্ট ফেস প্রদান না করে, তাহলে কিছুই হবে না। আপনি একটি কুৎসিত ভুল (কম্পিউটার-জেনারেটেড) ফন্ট পাবেন না, ভুল বোল্ড বা ভুল তির্যকগুলির বিপরীতে।
যাইহোক, ব্রাউজার প্রযুক্তি প্রায়ই পরিবর্তিত হয় তাই ঝুঁকি কেন?
