📚 font-feature-settings কেন ব্যবহার করা হয়?

[bd_buy]

১. Typography Control (লেখার Style নিয়ন্ত্রণ)→
অনেক ফন্টে বিশেষ ধরনের smart behavior থাকে — যেমনঃ letters automatically জোড়া লাগে।→ কিন্তু কখনো আমরা চাই যে, ফন্টটা যেন ঠিক-ঠাক, ক্লিন ভাবে দেখায় — কোনো special জোড়া-বাঁধা ছাড়াই।

উদাহরণ:
Design যখন একদম minimalistic বা corporate হয়, তখন ligatures off করা হয়। যেন “fi” বা “fl” আলাদা থাকুক।

২. Logo / Branding এ Consistency বজায় রাখতে→
Logo বা Company Name এর font দেখতে একদম একই রকম থাকা জরুরি।→ যদি ফন্ট কোনো smart ligature apply করে, তাহলে logo এর shape বদলে যেতে পারে।→ তাই logo বানানোর সময় ligature feature off করা হয়।

উদাহরণ:
কোনো ব্র্যান্ডের নাম “FirstLine” — এখানে যদি “fi” মিশে যায়, তাহলে Wordmark এর consistency নষ্ট হবে।

৩. Custom Typography Effect তৈরি করতে→
কিছু বিশেষ design project এ manual control দরকার হয়, যেন developer ঠিকমত dictate করতে পারেকোন feature অন থাকবে, কোনটা বন্ধ থাকবে।→ যেমন কিছু situation এ কেবল Old Style Numbers দরকার হতে পারে, বা small-caps দরকার হতে পারে।

উদাহরণ:
বই বা ম্যাগাজিন ডিজাইন, যেখানে ১৯৫০ সালের মতো পুরনো স্টাইলের সংখ্যা চাই।

কোন কোন Feature Control করা যায়?

(font-feature-settings দিয়ে শুধু ligature না — আরও অনেক কিছু করা যায়!)

Featureমানে কী?কাজ’liga’Standard LigaturesNormal letter pair (fi, fl) যুক্ত করে’clig’Contextual LigaturesContext অনুযায়ী ligature যুক্ত করে’kern’KerningLetters এর মাঝখানে space ঠিক করে’smcp’Small Capitalsছোট হরফের ক্যাপিটাল অক্ষর বানায়’onum’Oldstyle Numbersপুরনো স্টাইলের সংখ্যা দেখায়’tnum’Tabular NumbersFixed width সংখ্যা দেখায় (accounts এ দরকার)'calt’Contextual Alternatesভিন্ন ভিন্ন অবস্থায় ভিন্ন letter shapesআরও আছে…

সংক্ষেপে বললে:কারণব্যাখ্যা

Text Design controlTypography ঠিক রাখার জন্য।
Branding consistencyLogo বা Heading এর font shape ঠিক রাখতে।
Special EffectsOld style fonts, small caps, fixed width numbers ইত্যাদি।
Prevent unwanted ligaturesকখনো কখনো auto-joining লাগে না, তখন বন্ধ করতে।

---

সব ফন্টে সব feature available নাও থাকতে পারে।তাই ফন্ট choose করার সময় বুঝে নিতে হবে — সে ফন্ট কি ligature, small-caps, old-numbers support করে?

#HappyCoding #font #featured #tailwinds tailwindcss tailwind webdevelopment

[Mokaddes-Ali]

thanks for your informational post.