EOT তৈরির কৌশল Rumi, April 16, 2010April 6, 2013 আমি অনেকদিন থেকেই এটি অনুভব করছিলাম যে, EOT তৈরির ধাপগুলি সঠিকভাবে বর্ণনা করে একটি লেখা তৈরি করবো। আমি দেখেছি অনেকেই সমস্যায় পড়েন। বুঝতে পারেন না কিভাবে এগোবেন। EOT তৈরি করতে পারলেও দেখা যায় তার পারফরমেন্স ভালো না। বুঝতে পারেন না কোথায় সমস্যা হয়েছিলো। আর এই চিন্তা থেকেই এই লেখাটি শুরু করলাম। ভোটার লিষ্ট সাইট ডেভেলপে ইওটি তৈরি করতে হয়েছিলো। তখন স্ক্রীনশটগুলো রেখেছিলাম। আমরা সোলাইমানলিপি ফন্টটির একটি EOT বানাতে যাচ্ছি। মাইক্রোসফট থেকে WEFT টুলটি ডাউনলোড করে ইনস্টল করুন। WEFT প্রোগ্রামটি চালু করলে সেটি প্রথমেই আপনার সিস্টেমের সকল ফন্টগুলি চেক করবে সেগুলির একটি ডাটাবেজ তৈরি করবে। এরপর উইজার্ড চালু হবে। আপনি তা বাতিল করুন, কেননা আমাদের কিছু প্রস্তুতি আছে। আপনার C:\ ড্রাইভে একটি ফোল্ডার করুন যার নাম হবে Bangla। ফোল্ডারের ভিতর একটি টেক্সট ফাইল তৈরি করুন SolaimanLipi.txt নামে। ফাইলটি ওপেন করুন এবং নিচের কোডগুলি লিখুন। সোলাইমানলিপি ফন্টে লেখা কিছু টেক্সট ফাইলটির বডিতে পেষ্ট করুন। টেক্সট ফাইলটিতে বাংলা লেখাগুলি বক্স আকারে দেখা যাবে। সেভ করুন এবং ক্লোজ করুন। এরপর, ফাইলটি Rename করুন। ফাইলটি এমন দেখাবে WEFT টুলটি অপেন করুন। টুলস মেনু থেকে 'Update Font Database' এ ক্লিক করুন। ফন্ট ডাটাবেজ আপডেট হবে। View মেনুতে ক্লিক করুন এবং 'Available Fonts' এ ক্লিক করুন। আপনার সিস্টেম থেকে সবগুলো ফন্টের তালিকা দেখাবে। এই তালিকা থেকে বুঝা যাবে কোন ফন্টগুলির EOT তৈরি করা যাবে এবং কোনগুলির EOT করা যাবে না। আপনার কাঙ্খিত ফন্টটি তালিকায় সবুজ রং-এ আছে এটি নিশ্চিত হোন। এখানে দেখুন সোলাইমানলিপি ফন্টটি দেখা যাচ্ছে। যেটি দিয়ে আমরা EOT বানাতে যাচ্ছি। তবে চলুন EOT তৈরি শুরু করি। টুলস মেনু থেকে উইজার্ড রান করুন। প্রথম ধাপ: Welcome জানাবে। Next > সেট ইউজার ইনফরমেশন ডায়ালগ বক্স আসবে। এখানে আপনার নাম এবং ইমেইল এডড্রেস লিখুন। মনে রাখবেন একবার যদি এই ফরমটি পূরণ করে থাকেন তবে, উইজার্ডের শুরুতে এ বক্সটি আর আসবে না। Next > দ্বিতীয় ধাপ: এখানে যে ফাইলটির সাহায্যে EOT করবেন তা দেখিয়ে দিতে হবে। এখান থেকে ব্রাউজ করে আপনার তৈরিকৃত এইচটিএমএল ফাইলটি দেখিয়ে দেন। Next > তৃতীয় ধাপ: এখানে আপনার পেজটি যাচাই করে দেখবে। Next > একটি ম্যাসেজ দেখাবে। আপনার ফাইলটিতে মাল্টি-লিঙ্গুয়াল কনটেন্ট থাকার কারণে কোন কোন প্লাটফরমে অসুবিধা হতে পারে এমন ম্যাসেজ দেখাচ্ছে। ইয়েস বাটনে ক্লিক করুন। চতুর্থ ধাপ: এখানে সোলাইমানলিপি ফন্টটি দেখাচ্ছে। এখানে Subsetting কি হবে তা বলে দিতে হবে। কম্বো বক্স থেকে Per site subsetting– সেট করুন। তাহলে ক্লায়েন্ট যখন সাইটটি ভিজিট করবে তখন একবার মাত্র EOT তার সিস্টেমে ডাউনলোড হবে। এরপর প্রতি পেজ ভিজিট করতে ক্লায়েন্টের আর কোন অসুবিধা হবে না। Per page subsetting সিলেক্ট করলে ক্লায়েন্টের প্রতিটি পেজের সঙ্গে EOT ডাউনলোড হতো। এতে অনেক সময় অপচয় হবে এবং আপনার সাইট স্লো মনে হবে। এরপর দেখুন সোলাইমানলিপি ফন্টের ক্যারেক্টার ১৬টি দেখাচ্ছে। ফন্টের সবগুলো ক্যারেক্টার সিলেক্ট করা নাই। আপনাকে সবগুলো ক্যারেক্টার সিলেক্ট করে নিতে হবে। ফন্টটি সিলেক্ট করুন এবং Subset বাটনে ক্লিক করুন। নিচের বক্সটি আসবে। ড্রপ-ডাউন লিষ্ট থেকে প্রতিটি ল্যাঙ্গুয়েজ সিলেক্ট করুন এবং সেই লেঙ্গুয়েজ থেকে যে ক্যারেক্টারগুলি এই ফন্টে ব্যবহার হচ্ছে সেগুলো সিলেক্ট করে দিন। বাংলা ফন্টগুলি প্রায় সবই ডিসিলেক্ট অবস্থায় ছিলো। সেগুলি সিলেক্ট করুন। এখানে আপনাকে খুব সতর্কতার সাথে ক্যারেক্টার সিলেক্ট করতে হবে। কোন প্রয়োজনীয় ক্যারেক্টার বাদ পড়লে, সেই ক্যারেক্টারের জন্য পেজে বক্স দেখাবে। দু'একটি ক্যারেক্টার ভুল করে যোগ করলে খুব একটা অসুবিধা হবে না। ফলাফলে EOT-এর সাইজ বেড়ে যাবে। আমাদের চেষ্টা থাকবে EOT যতটা সম্ভব ছোট রাখার। সেজন্য অপ্রয়োজনীয় ক্যারেক্টারগুলি সিলেক্ট না করাই ভালো। শেষ হলে ওকে করুন। এখানে দেখা যাচ্ছে আমি ১১৫টি ক্যারেক্টার সিলেক্ট করেছি। Next > পঞ্চম ধাপ: ফন্ট অবজেক্ট বা EOT তৈরির জন্য সবকিছু প্রস্তুত হয়েছে। এখন প্রয়োজন কোন্ সাইটে এই EOT ব্যবহার হবে তা বলে দেয়া। ইচ্ছা করলে আপনি একাধিক সাইটের জন্য বলে দিতে পারেন। মনে রাখবেন এক সাইটের জন্য তৈরি EOT অন্য সাইটে ব্যবহার করা যাবে না যদি না এখানে ডিক্লেয়ার করা থাকে। এডিট বাটনে ক্লিক করুন। ওয়েব এডড্রেস যুক্ত করুন। আমি এখানে ৬টি ওয়েব সাইটে ব্যবহার করবো বলে ৬টি সাইটকে যুক্ত করেছি। এখানে লক্ষ্য করুন আমি একটি সাইটকে দু'বার যুক্ত করেছি। একবার এভাবে http://www.shujan.org এবং অন্যবার এভাবে http://shujan.org OK বাটনে ক্লিক করুন। Next > এখানে নিচের ম্যাসেজটি দেখাবে। একটু অপেক্ষা করুন … আপনার EOT ফাইল তৈরি হয়েছে। আপনার প্রজেক্টটিকে সেভ করতে পারেন। এখানে ডিফল্ট লোকেশন দেয়া আছে। ইচ্ছা করলে পরিবর্তন করতে পারেন। Next > সমাপ্ত দেখাবে। কিভাবে বুঝবেন EOT ফাইল তৈরি হয়েছে? ১. C:\Bangla বাংলা ফোল্ডারে যান, দেখবেন আপনার এইচটিএমএল ফাইলটির পাশাপাশি একটি নুতন ফাইল তৈরি হয়েছে। ২. নোটপ্যাডের সাহায্যে আপনার SolaimanLipi.htm ফাইলটি খুলুন। লক্ষ্য করুন, টাইটেলের পরে স্টাইল ট্যাগে কিছু তথ্য যোগ হয়েছে। এই তথ্য যোগ হওয়ার ফলে বোঝা যাচ্ছে আপনি EOT ফাইলটি সফলভাবে তৈরি করতে পেরেছেন। কিভাবে আপনার ওয়েবসাইটে EOT ব্যবহার করবেন? ১. 'eot' এবং 'htm' ফাইল দুইটি কপি করুন, আপনার সাইটের রুটে পেষ্ট করুন। ২. যে পেজে সোলাইমানলিপি ফন্টটি ব্যবহার করতে চান সে পেজটি ওপেন করুন। সোর্স কোডে </TITLE> – এর পর এবং </HEAD> – এর আগে কোডগুলি পেষ্ট করুন যেগুলি আপনার htm ফাইলটিতে তৈরি হয়েছিলো। এভাবে আপনি যেসব পেজে বাংলা ব্যবহার করবেন সেই পেজগুলিতে কোডগুলি কপি-পেষ্ট করলেই চলবে। কাজ শেষ। এখন আপনার পেজে বাংলা লেখা থাকলে ক্লায়েন্টের দেখতে কোন অসুবিধাই হবে না। তবে বাংলা পেজ ডেভেলপ করার পর বাংলা (ইউনিকোড) ফন্ট নেই এমন একটি কম্পিউটার থেকে চেক করা খুবই প্রয়োজন। বিভিন্ন প্লাটফর্ম থেকে বিভিন্ন ব্রাউজার ব্যবহার করে চেক করলে আরো ভালো। তাহলে আপনার জানা থাকবে আপনার সাইট কোন্ কোন্ সিস্টেম সাপোর্ট করে। তবে মনে রাখতে হবে EOT শুধু ইন্টারনেট এক্সপ্লোরারে কাজ করে। মোজিলা, নেটসক্যাপ বা অপেরাতে EOT অটোমেটিক ডাউনলোড হয় না (সেখানে অন্যকোন ব্যবস্থা নিতে হয়, তবে সেটি আমার জানা নাই)। যে কারণে আপনাকে ফন্ট ডাউনলোডের সুবিধা রাখতেই হচ্ছে। তবে আশা করা যায় অদূর ভবিষ্যতে ইউনিকোড ফন্ট প্রতিটি সিস্টেমের সংগে বিল্ট-ইন অবস্থায় পাওয়া যাবে। তখন ফন্ট এম্বেডিং-এর ঝামেলাও থাকবে না সংগে সংগে আমার এই গাইডটিরও প্রয়োজনীয়তা ফুঁরিয়ে যাবে। Source: http://thpbd.org/help/eot_making_guide/index.html DownloadHow to _ Embed Bangla font in Web Pages – How to- Embed Bangla font in Web Pages Related Collected Articles Scripts
Miracle of Humankind- of the grace of Allah! Survivors after 17 days of building collapse May 10, 2013May 10, 2013 DHAKA, Bangladesh (AP) — A seamstress buried in the wreckage of a collapsed garment factory building for 17 days was rescued Friday, a miraculous moment set against a scene of unimaginable horror, where the death toll shot past 1,000. Reshma survived, in remarkably good shape, by eating dried food that… Read More
Using the DIV tag to display columns rather than tables November 15, 2013 The TABLE element may be a convenient way of producing stable layouts, but the W3C WAI guidelines are pretty clear that tables are for displaying tabular information, not for arranging page content. The DIV element is used as the basic layout element as it does not add any extra meaning… Read More
Proxmox Cloud-Init OS template creation July 2, 2020 Introduction In this guide we will go over creating a Proxmox KVM Template from a Cloud Image. This same process will work for any Cloud-Init Openstack based image type you can find online. Having done a number of these for our Proxmox based VPS service I wanted to post up… Read More