ফজলে রাব্বীওয়েবসাইটে বাংলা ঠিকভাবে দেখাতে তিনটি জিনিস লাগে: লেখা ইউনিকোডে সংরক্ষিত থাকা, পুরোনো ফন্ট-নির্ভর পদ্ধতিতে নয়; এমন ওয়েব ফন্ট যা যুক্তাক্ষর আর কার-চিহ্ন সঠিকভাবে আঁকে; আর ইংরেজি ডিজাইন থেকে নকল না করে বাংলার জন্য বাছাই করা টাইপোগ্রাফি সেটিংস (আকার, লাইনের উচ্চতা, ফাঁক)। এগুলো ঠিক থাকলে পেজ যেকোনো ফোনে পড়া যায়, গুগলে খুঁজে পাওয়া যায়, স্ক্রিন রিডারেও কাজ করে। ভুল হলে ভিজিটর দেখেন ভাঙা অক্ষর, ফাঁকা বাক্স বা দুর্বোধ্য চিহ্ন।
ইউনিকোড বনাম পুরোনো বাংলা পদ্ধতি
অনেক অফিসে এখনো ইউনিকোড প্রচলিত হওয়ার আগের কিবোর্ড সফটওয়্যার আর ফন্টে বাংলা টাইপ করা হয়। সেই পদ্ধতিতে লেখা আসলে সংরক্ষিত থাকে ইংরেজি অক্ষর আর চিহ্ন হিসেবে, শুধু একটি বিশেষ ফন্ট সেগুলোর ওপর বাংলা আকার এঁকে দেয় বলে বাংলা দেখায়। প্রিন্টের জন্য এক কম্পিউটারে এটা চলে। কিন্তু ওয়েবে ব্যর্থ হয়:
- যে ভিজিটরের কাছে ঠিক সেই ফন্ট নেই, তিনি দেখেন এলোমেলো ইংরেজি অক্ষর।
- গুগল আকার নয়, সংরক্ষিত অক্ষর পড়ে, তাই বাংলা সার্চে পেজটি পাওয়া যায় না।
- কপি করা, ফেসবুকে শেয়ার করা, স্ক্রিন রিডার, সব জায়গায় অর্থহীন লেখা আসে।
ইউনিকোড প্রতিটি বাংলা অক্ষরকে নিজস্ব কোড দেয়, তাই লেখাটি সব ডিভাইসে একই অর্থ বহন করে। দামের তালিকা, নোটিশ বা পণ্যের বিবরণ যদি পুরোনো ফাইল থেকে আসে, সাইটে তোলার আগে ইউনিকোডে রূপান্তর করুন, তারপর মিলিয়ে পড়ুন, কারণ রূপান্তরের টুল মাঝে মাঝে কার-চিহ্ন ভুল জায়গায় বসায় বা যুক্তাক্ষর ভেঙে ফেলে। আর কখনোই এগুলো ছবি হিসেবে বসাবেন না, তাতে লেখা সার্চ ইঞ্জিন আর স্ক্রিন রিডারের কাছে অদৃশ্য হয়ে যায়।
বাংলায় ফন্ট কেন বেশি গুরুত্বপূর্ণ
টাইপোগ্রাফির ভাষায় বাংলা একটি জটিল লিপি। ব্যঞ্জন মিলে যুক্তাক্ষর হয়। কার-চিহ্ন বসে ব্যঞ্জনের আগে, পরে, ওপরে বা নিচে। মাত্রা ওপরে টানা থেকে একটি শব্দের অক্ষরগুলো জুড়ে রাখে। ফন্ট আর ব্রাউজারের টেক্সট-শেপিং ব্যবস্থাকে এগুলো একসাথে সামলাতে হয়। দুর্বল ফন্ট দ্রুতই ধরা পড়ে: যুক্তাক্ষরের জায়গায় হসন্ত দেখা যায়, কার-চিহ্ন ভুল জায়গায় বসে, বা মাত্রা ভেঙে যায়।
ফন্ট বাছার সময়:
- শুধু কোম্পানির নাম বা নমুনা লেখা দিয়ে নয়, কঠিন যুক্তাক্ষর আর কার-চিহ্নসহ আসল বাক্য দিয়ে পরীক্ষা করুন।
- বড় মনিটরের বড় শিরোনামে নয়, সাধারণ ফোনে ছোট আকারে দেখে নিন।
- দরকারি সব ওজন (রেগুলার, বোল্ড) আছে কি না, আর ব্যবহার করলে বাংলা সংখ্যা ও টাকার চিহ্ন আছে কি না, দেখুন।
- বাণিজ্যিক ওয়েবসাইটে ব্যবহারের আগে ফন্টের লাইসেন্স পড়ে নিন।
গুগল ফন্টসে বেশ কিছু ফ্রি বাংলা ফন্ট আছে, যেমন Noto Sans Bengali, যা শুরু করার জন্য ভালো।
বাংলার উপযোগী টাইপোগ্রাফি সেটিংস
ইংরেজি অক্ষরের তুলনায় বাংলা অক্ষরের লাইনের ওপরে-নিচে বেশি খুঁটিনাটি থাকে, তাই ইংরেজির ডিফল্ট সেটিংসে বাংলা প্রায়ই গাদাগাদি লাগে।
- আকার: ফোনে সমান আরামে পড়ার জন্য বাংলা মূল লেখা সাধারণত ইংরেজির চেয়ে একটু বড় রাখতে হয়। আসল একটি মাঝারি দামের ফোনে দেখে সিদ্ধান্ত নিন।
- লাইনের উচ্চতা: লাইনের মাঝে বেশি জায়গা দিন, যাতে এক লাইনের ওপরের কার-চিহ্ন আগের লাইনের নিচে ঝুলে থাকা চিহ্নে না লাগে।
- ওজন: খুব পাতলা ফন্ট নিম্নমানের স্ক্রিনে ভেঙে যায়। মূল লেখায় রেগুলার, জোর দিতে বোল্ড ব্যবহার করুন।
- অক্ষরের ফাঁক: শূন্য রাখুন। অক্ষরের মাঝে বাড়তি ফাঁক দিলে শব্দের মাত্রা ভেঙে যায়।
- নকল ইটালিক নয়: বাংলায় প্রথাগত ইটালিক নেই, ব্রাউজারের বানানো হেলানো লেখা বিকৃত দেখায়। জোর দিতে বোল্ড বা রং ব্যবহার করুন।
- সারিবদ্ধতা: পুরো জাস্টিফাই করা অনুচ্ছেদে বাংলা লাইনে অসমান ফাঁক তৈরি হতে পারে। বাঁ দিকে সারিবদ্ধ লেখা সাধারণত নিরাপদ।
এক পেজে বাংলা আর ইংরেজি
বাংলাদেশের বেশিরভাগ সাইটে দুই লিপি মেশানো থাকে: বাংলা বাক্যে ইংরেজি ব্র্যান্ডের নাম, বা ইংরেজি পেজে বাংলা পণ্যের নাম। এমন একটি ইংরেজি আর একটি বাংলা ফন্ট বাছুন, যেগুলো ওজন আর উচ্চতায় পাশাপাশি মানিয়ে যায়, আর এমনভাবে সেট করুন যাতে প্রতিটি লিপি নিজের ফন্টে আসে। কোন পেজে বাংলা সংখ্যা আর কোন পেজে ইংরেজি সংখ্যা দেখাবেন, ঠিক করে একই নিয়ম রাখুন। ফর্মে ফোন নম্বর দুই ধরনের সংখ্যাতেই নিন, আর পেছনে রূপান্তর করে নিন, কারণ গ্রাহকেরা দুটোই ব্যবহার করবেন।
দুই ভাষায় সাইট বানালে সিদ্ধান্ত শুধু ফন্টে সীমাবদ্ধ থাকে না। দেখুন বাংলা ও ইংরেজি ওয়েবসাইটের পরিকল্পনা।
বাংলা ফন্ট ভারী, তাই গতির দিকে নজর
বাংলা ফন্ট ফাইল সাধারণত ইংরেজি ফন্টের চেয়ে বড়, কারণ এতে অনেক বেশি আকার থাকে। মোবাইল ডেটায় এই দেরি দেখা দেয় অদৃশ্য বা লাফিয়ে ওঠা লেখা হিসেবে। যে ওজনগুলো আসলে ব্যবহার করেন শুধু সেগুলো লোড করুন, সংকুচিত আধুনিক ফন্ট ফরম্যাট ব্যবহার করুন, আর ওয়েব ফন্ট লোড হওয়া পর্যন্ত বিকল্প ফন্টে লেখা দেখাতে দিন। পেজ যদি এমনিতেই ধীর হয়, শুরু করুন মোবাইল ডেটায় ধীর ওয়েবসাইট ঠিক করা দিয়ে।
নিজের সাইটে দ্রুত যাচাই
- সাইট থেকে একটি বাংলা অনুচ্ছেদ কপি করে সাধারণ টেক্সট এডিটরে পেস্ট করুন। দুর্বোধ্য হয়ে গেলে সেটা ইউনিকোড নয়।
- কম দামের একটি অ্যান্ড্রয়েড ফোনে পুরো একটি অনুচ্ছেদ পড়ে দেখুন।
- শিরোনামের যুক্তাক্ষর আর কার-চিহ্ন খুঁটিয়ে দেখুন।
- পণ্যের বিবরণ আর অফার ছবি নয়, লেখা কি না, যাচাই করুন। দুই ভাষায় ভালোভাবে সেগুলো তৈরি করতে দেখুন বাংলা ও ইংরেজি পণ্যের বিবরণ।
- প্রতিটি বাংলা পেজ কোডে বাংলা হিসেবে চিহ্নিত আছে কি না, দেখুন।
ভালো বাংলা টাইপোগ্রাফি আমার সাইট বানানোর নিয়মিত অংশ। আপনার সাইটে কাজ দরকার হলে দেখুন আমার ওয়েবসাইট ডেভেলপমেন্ট সার্ভিস।