ওয়ার্ডপ্রেস এর সবকিছু বাংলায় অনুবাদ করুন :: পর্ব ৩ :: সাইটে বাংলা ফন্ট যুক্ত

মহান সৃষ্টিকর্তা প্রভুর নাম নিয়ে ও সবাইকে ঈদের অনেক পুরাতন শুভেচ্ছা :D দিয়ে শুরু করছি আজকের আমার ছোট টিউটোরিয়াল। ঈদের সময়ে একটু ব্যাস্ত থাকাই কোন টিউটোরিয়াল লেখা সম্ভব হয়নি। তবে প্রতিদিন সাইটটির খোঁজ-খবর রেখেছি এবং দেখেছি অনেকেই এই সাইটে ভিজিট করতে এসে কোন নতুন টিউটোরিয়াল না পেয়ে খালি হাতে ফেরৎ চলে গেছেন। আশা করি আজ থেকে আপনারা আবার প্রতিদিন নতুন টিউটোরিয়াল পাবেন :)

এই আগে আমি ওয়ার্ডপ্রেস সাইট কে বাংলা করা নিয়ে দুইটা টিউটোরিয়াল লিখেছিলাম (১। ওয়ার্ডপ্রেস অনুবাদ ২। থিম ও প্লাগিন অনুবাদ) আর আজকের টিউটোরিয়াল এ আমারা শিখবো কিভাবে যেকোনো বাংলা সাইটে ঝকঝকে পরিষ্কার বাংলা লেখা দেখতে পাওয়া যাবে এবং খুব ভাল করেই পড়া যাবে।

ওয়ার্ডপ্রেস সাইটে যেকোনো ফ্রি বা প্রিমিয়াম থিম ব্যবহার করার সময়ে সেই থিম গুলোর স্টাইলশিট ফাইলে বেশ কিছু ফন্ট ব্যবহার করা হয় আর সেই ফন্ট গুলো যদি আপনার কম্পিউটারে থাকে তাহলে সেই ফন্ট গুলোর সাহায্যে আপনারা সাইটে যেকোনো লেখা যেকোনো রূপে দেখাতে পারে। তবে সকল থিমে ইংলিশ ফন্ট যুক্ত করা থাকে। আজকে আমারা স্টাইলশিট এ নতুন ফন্ট (বাংলা) যুক্ত করা সিখবো।

ওয়ার্ডপ্রেস সাইটে বাংলা ফন্টঃ

আপনার মূল সাইটে ঝকঝকে বাংলা ফন্ট দেখানোর জন্য আপনার সাইটের সক্রিয় থিমের স্টাইলশিট (style.css) যেকোনো একটি এডিটরে খুলুন অথবা আপনার ড্যাশবোর্ড এ লগইন করুন এবং থিম এডিটর থেকে স্টাইল.সিএসএস (style.css) ফাইলটি নির্বাচন করুন।

এবার সেই স্টাইলশিট ফাইলের মধ্যে “font-family” নামের সকল অংশ খুঁজুন এবং সেখানে আগের ফন্ট গুলো মুছে দিয়ে নতুন (বাংলা) ফন্ট গুলোর নাম লিখে স্টাইলশিট ফাইলটি সংরক্ষন করুন।

জনপ্রিয় বাংলা ফন্ট যে ফন্ট গুলো প্রায় সকলের কম্পিউটার এ থাকে সেই ফন্ট গুলোর নাম লিখতে হবে। কারন আপনি আপনার ইচ্ছে মত ফন্ট এর নাম লিখলে সেটা শুধু আপনার কম্পিউটারে ঠিকভাবে দেখাতে পারে তবে অন্যের কম্পিউটারে অবশ্যই অন্য রকম দেখাবে যদি তার কম্পিউটার এর আপনার স্টাইলশিট এ দেয়া নামের কোন ফন্ট না থাকে।

কিছু বাংলা ইউনিকোড ফন্টঃ

আপনাদের জন্য কিছু বাংলা ফন্ট এর লিংক দিলাম যেগুলো প্রায় সকলের কম্পিউটারে থাকে, তবে প্রয়োজন হলে নিচের ডাউনলোড লিংক থেকে ডাউনলোড ও করতে পারেন। এই সকল ফন্টগুলো ইউনিকোড তাই আপনার যেকোনো সাইটে ব্যবহার করতে পারবেন।

আরো বাংলা ফন্ট ডাউনলোড করতে ভিজিট করুন অমিক্রনল্যাব এর ওয়েব সাইটে । সেখানে শুধু ফন্ট নয় বাংলা লেখা ও পড়ার সকল সমস্যার সমাধান পাওয়া যাবে।

ফন্ট ব্যবহার করার নিয়মঃ

ফন্ট গুলো ব্যবহার (স্টাইলশিট ফাইলে যুক্ত) করার নিয়ম না জানলে আপনার ফন্ট ডাউনলোড করাই বৃথা যাবে তাই ফন্ট গুলো ব্যবহার করার নিয়ম এখানে কিছুটা লিখে দিলাম যা সাইটের পরিচালক (১) এর জন্য ও সাইটের পরিদর্শক(২) এর জন্যও প্রয়জনিয়।

১) প্রথমে আপনার কম্পিউটারে উপরের ফন্ট গুলো ডাউনলোড করে ইন্সটল করুন। ফন্ট গুলোর নাম জানতে সেই ফন্ট এর উপরে ডবল ক্লিক করে ওপেন করুন। নিচের ছবির মত করে ফন্ট এর নাম দেখাবে যে নামটি আপনার স্টাইলশিট ফাইলে “font-family” তে যুক্ত করতে হবে  সাইটে ব্যবহার করার জন্য।

এবার আপনার স্টাইলশিট (style.css) ফাইলটি ওপেন করুন এবং যে যে অংশে “font-family” আছে এবং অন্য যেকোনো ফন্ট এর নাম লেখা আছে তা মুছে দিয়ে বাংলা ফন্টগুলোর নাম লিখে দিন।

উদাহারন সিএসএস কোডঃ

body .example {
 font-family: "SolaimanLipi", Siyam Rupali, Kalpurush, sans-serif;
}

২) উপরের কোডগুলো যদি সিএসএস এ বসিয়ে থাকেন তাহলে সেই কোড অনুযায়ী যে ৩টি ফন্ট ব্যবহার করেছেন তার মধ্যে যেকোনো একটি ফন্ট অবশ্যই সাইট পরিদর্শক (ভিজিটর) এর কম্পিউটারে অবশ্যই থাকা প্রয়োজন। আর যদি না থাকে তাহলে উপরের ডাউনলোড লিংক থেকে কম্পিউটারে ডাউনলোড করে ইন্সটল করতে হবে।

ব্যাস, এভাবেই হয়ে যাবে বাংলা ফন্ট লেখা দেখার জন্য সকল সমস্যার সমাধান। আশা করি বাংলা ফন্ট যুক্ত করতে আপনাদের কোন সমস্যা হবে না। যদি কোন সমস্যা হয় তাহলে অবশ্যই মন্তব্যের ঘরে জানাতে ভুলবেন না :) সবাই ভালো থাকুন সুস্থ থাকুন। আগামি পর্বে আবার আসবো সাইটে বাংলা ফন্ট সসমস্যার সমাধান নিয়ে সেই পর্যন্ত সাথেই থাকুন।