আপারকেস টেক্সটে কেন লেটারস্পেসিং (ট্র্যাকিং) দরকার এবং CSS-এ কীভাবে করবেন তা শিখুন।
টাইপোগ্রাফিতে আপারকেস/অল ক্যাপস (বড় হাতের অক্ষর) ব্যবহার করলে অক্ষরগুলো খুব চেপে থাকতে পারে, ফলে পড়া কষ্টকর হয়। একটু ব্রিদিং রুম (লেটারস্পেসিং) যোগ করলে পঠনযোগ্যতা বাড়ে।
Letterspacing = Tracking (সমার্থক শব্দ)। অক্ষর গুচ্ছের মাঝপথে স্পেস। ওয়েবে letterspacing, প্রিন্টে tracking টার্ম বেশি ব্যবহৃত হয়।
Normal vs Uppercase
Typography
Typography
নরম্যাল ফন্ট-ওয়েটে (font-weight: 400 বা normal) সমস্যা কম দেখা যায়। টাইপফেস ডিজাইনে নির্ভর করে।
Bold-এ Uppercase: সমস্যা দেখা যায়
Typography
Typography
বোল্ড (থিকার স্ট্রোক) হলে অক্ষরগুলো একে অপরের সাথে ছুঁয়ে যাচ্ছে—পড়া কঠিন।
Letterspacing (Tracking) যোগ করা
Typography
Typography
আশ্চর্য পার্থক্য! প্রথমটুক্লা Claustrophobic লাগে, দ্বিতীয়টি খুল্লা এবং পড়া সহজ।
CSS-এ:
letter-spacing: 4px;(হাইফেন বাধ্যতামূলক)।
লেটারস্পেসিং সবসময় সुपেরিয়র নয়—কনটেক্সট/মুড অনুযায়ী ডিসাইড করুন। মুভি পোস্টার, বুক কভার, ফুড লেবেল—সর্বত্র টাইপোগ্রাফিক ডিসিশন কনটেক্সট-ভিত্তিক হয়।
CAPTIVITY
FREEDOM
ফিলিংস পাশাপাশি: আপারকেস টেক্সট সাধারণত নরম্যাল কেসের চেয়ে পড়া কঠিন, কারণ Симেট্রিক্যাল স্ট্রাকচার অক্ষরগুলোকে আলাদা করতে কঠিন করে দেয়।
সারসংক্ষেপ
- রিডার-ফ্রেন্ডলি থাকতে আপারকেস স্পেরিংলি ব্যবহার করুন (টাইটেল/শর্ট হেডিংয়ের জন্য ঠিক, পুরো প্যারাগ্রাফের জন্য নয়)।
- নियमবদ্ধ: আপারকেস টেক্সটে কিছুটা (যদি থাকে তো বেশি) লেটারস্পেসিং দিন।
- অক্ষর গুলিয়ে যাওয়া নাকি মেলে যাওয়া—ভিজ্যুয়ালি মэтার করে।
- কখনো কখনো টাইট ট্র্যাকিংই সঠিক ফিট।
কনটেক্সট কি—সেটাই চাবিকাঠি।
