CSS-এ ফন্টের চেহারা পরিশোধ করার জন্য font-kerning, letter-spacing এবং word-spacing প্রপার্টিগুলো অত্যন্ত গুরুত্বপূর্ণ। এই বারিক বিবরণগুলো একটি ওয়েবসাইটকে সাধারণ থেকে প্রফেশনাল বানায়।
Font Kerning (ফন্ট কার্নিং)
Font-kerning হলো দুটি ভিন্ন ক্যারেক্টারের মধ্যবর্তী স্পেসিং নির্ধারণ। ভালো কার্নিংযুক্ত ফন্টে অক্ষরগুলোর মধ্যবর্তী স্পেসিং আরও সমান থাকে।
CSS font-kerning প্রপার্টির তিনটি মান:
- none: কার্নিং প্রয়োগ নয়
- normal: ফন্টে কার্নিং থাকলে প্রয়োগ হবে
- auto: ব্রাউজার নিজে নির্ধারণ করবে (ছোট ফন্টে কার্নিং অফ করতে পারে)
#kern { font-kerning: normal; }
#nokern { font-kerning: none; }
Letter-Spacing (অক্ষর_SPACING)
Kerning-এর বিপরীতে, letter-spacing সকল অক্ষরের মধ্যবর্তী সমান স্পেসিং নিয়ন্ত্রণ করে। এটি length মান (px, rem, em) নেয়, পজিটিভ বা নেগেটিভ হতে পারে।
#big-spacing { letter-spacing: 5px; }
#little-spacing { letter-spacing: 1px; }
Word-Spacing (শব্দ_SPACING)
Word-spacing শব্দগুলো মধ্যবর্তী স্পেসিং নিয়ন্ত্রণ করে। ডিফল্ট 0.25em, পজিটিভ বা নেগেটিভ length মান নেয়।
#big-spacing { word-spacing: 5rem; }
#little-spacing { word-spacing: 1rem; }
ব্রাউজার সাপোর্ট
এই তিনটি প্রপার্টির ব্রাউজার সাপোর্ট ব্যাপক। Font-kerning ইন্টারনেট এক্সপ্লোরারে উপলব্ধ নয়।
উপসংহার
Font-kerning ক্যারেক্টার জোড়ার মধ্যবর্তী স্পেসিং, letter-spacing সকল অক্ষরের সমান স্পেসিং, এবং word-spacing শব্দগুলোর মধ্যবর্তী স্পেসিং নিয়ন্ত্রণ করে। এই তিনটি প্রপার্টি মিলিয়ে টাইপোগ্রাফি প্রফেশনাল করা যায়।
