বাংলা টাইপোগ্রাফি: সুন্দর বাংলা ফন্ট কোথায়?
একসময় কম্পিউটারে বাংলা লেখা মানে ছিল বিশেষ সফটওয়্যার, আলাদা কিবোর্ড লেআউট, আর অন্য কম্পিউটারে খুললে সব ভেঙে আবোল-তাবোল অক্ষর। ইউনিকোড আসার পর পরিস্থিতি অনেক বদলেছে। কিন্তু এখনো অনেক ওয়েবসাইট আর অ্যাপে বাংলা লেখা দেখতে কেমন যেন অগোছালো লাগে।
সমস্যা ১: ভাঙা যুক্তাক্ষর
"ক্ষ", "জ্ঞ", "ন্ত্র" এর মতো যুক্তাক্ষর ঠিকমতো দেখাতে ফন্টের ভেতর বিশেষ নিয়ম (OpenType shaping) থাকতে হয়, আর যে সফটওয়্যার দেখাচ্ছে তাকেও সেই নিয়ম বুঝতে হয়। পুরনো বা দুর্বল ফন্টে হসন্ত আলাদা দেখায়, অক্ষর ভেঙে যায়।
সমাধান: ভালোভাবে তৈরি ইউনিকোড বাংলা ফন্ট ব্যবহার করুন। ওয়েবে বিনামূল্যে ভালো বিকল্প আছে, যেমন Noto Sans Bengali, Noto Serif Bengali, Hind Siliguri, Baloo Da 2, Tiro Bangla, Anek Bangla ইত্যাদি। পোস্টের লেখা দিয়ে আসল যুক্তাক্ষরগুলো পরীক্ষা করে নিন।
সমস্যা ২: ইংরেজির পাশে বাংলা ছোট দেখায়
একই ফন্ট সাইজে বাংলা অক্ষর অনেক সময় ইংরেজির চেয়ে ছোট বা বড় দেখায়, কারণ দুই লিপির নকশা আলাদা। মিশ্র লেখায় ("আমার Python প্রজেক্ট") এটা চোখে লাগে।
সমাধান: দুই লিপির জন্য মানানসই ফন্ট জোড়া বাছুন, আর প্রয়োজনে বাংলার জন্য সামান্য বড় সাইজ দিন। CSS এ unicode-range দিয়ে নির্দিষ্ট লিপির জন্য নির্দিষ্ট ফন্ট ঠিক করা যায়, অথবা ফন্টের তালিকায় ক্রম ঠিক করে দেওয়া যায়:
body {
font-family: "Inter", "Hind Siliguri", "Noto Sans Bengali", sans-serif;
}
:lang(bn) {
font-size: 1.06em; /* বাংলাকে একটু বড়, ফন্ট অনুযায়ী মিলিয়ে নিন */
}সমস্যা ৩: লাইনের মধ্যে জায়গা কম
বাংলা অক্ষরের ওপরে মাত্রা আর কার-চিহ্ন (যেমন ি, ী, ৈ) এবং নিচে উ-কার, ঋ-কারের কারণে উচ্চতা বেশি লাগে। ইংরেজির জন্য ঠিক line-height বাংলায় অনেক সময় ঘিঞ্জি লাগে, ওপর-নিচের লাইনের চিহ্ন একে অপরকে ছুঁয়ে ফেলে।
সমাধান: বাংলা লেখায় line-height একটু বেশি দিন, যেমন ১.৭ থেকে ১.৯।
সমস্যা ৪: ফন্ট না থাকলে কী হবে
ব্যবহারকারীর ফোনে বা কম্পিউটারে আপনার পছন্দের ফন্ট না থাকলে ব্রাউজার অন্য ফন্ট দেখাবে, যেটা হয়তো খারাপ। তাই ওয়েব ফন্ট লোড করুন, আর বিকল্প ফন্টের তালিকা দিন। font-display: swap দিলে ফন্ট লোড হওয়ার আগেও লেখা দেখা যায়।
সমস্যা ৫: লেখার বদলে লেখার ছবি
অনেক সাইট বাংলা শিরোনাম ছবি হিসেবে দেয়, যাতে ফন্টের ঝামেলা না হয়। কিন্তু তাতে সার্চ ইঞ্জিন সেটা পড়তে পারে না, স্ক্রিন রিডার পড়তে পারে না, কপি করা যায় না, আর মোবাইলে ঝাপসা দেখায়। আসল লেখা ব্যবহার করুন।
অ্যাক্সেসিবিলিটি
- HTML এ
lang="bn"দিন, যাতে স্ক্রিন রিডার আর ব্রাউজার বোঝে লেখাটা বাংলা। - রং আর পটভূমির কনট্রাস্ট যথেষ্ট রাখুন।
- খুব পাতলা ফন্ট ওজন (weight) বাংলায় পড়তে কষ্ট হয়, বিশেষ করে ছোট সাইজে।
বাংলা টাইপ ডিজাইনের ভবিষ্যৎ
বাংলাদেশ আর পশ্চিমবঙ্গে এখন অনেক প্রতিভাবান টাইপ ডিজাইনার কাজ করছেন, আর ওপেন সোর্স বাংলা ফন্টের সংখ্যা বাড়ছে। কোটি মানুষের এই লিপির জন্য আরও অনেক সুন্দর, আধুনিক ফন্ট দরকার: খবরের জন্য, বইয়ের জন্য, অ্যাপের জন্য, সাইনবোর্ডের জন্য।
শেষ কথা
বাংলা লিপি পৃথিবীর অন্যতম সুন্দর লিপি। ওয়েবে সেই সৌন্দর্য ফুটিয়ে তোলা আমাদের দায়িত্ব। ভালো ফন্ট বাছুন, লাইনের মাঝে শ্বাস নেওয়ার জায়গা দিন, আর যুক্তাক্ষর পরীক্ষা করুন। পাঠক হয়তো কারণটা বলতে পারবেন না, কিন্তু লেখাটা পড়তে তার আরাম লাগবে।