নিজস্ব ষ্টাইলের ওয়েব ফন্ট বানাব কিভাবে?
ওয়েব ফন্ট কি সেটা আমরা সবাই জানি। এন্ড্রয়েড থেকে লইয়া বড় পর্দার ডেক্সটপ বা টিভি স্ক্রিনে যে লেখাগুলো হর হামিশা আমরা পড়ছি, সেগুলোই হচ্ছে ওয়েব ফন্ট। এখন কথা হচ্ছে, আমি কেন শুধু শুধু ওয়েব ফন্ট বানাব! কেউ কেউ মানবতার খাতিরে মানুষকে সেবা দেওয়ার জন্য বিভিন্ন ফর্মেটের ফন্ট বানিয়ে থাকে। যেমন গোগল ফন্টে অনেক ফন্ট পাওয়া যায় যা সম্পূর্ন ফ্রী। আমাদের বাংলা ভাষায় অনেক ডিজাইনের ফ্রী ফন্ট আছে, ইন্টারনেটে খুঁজলে সহজে পেয়ে যাবেন। ভাষাকে ভালবেসে অনেকেই বাংলা ভাষার এই ফন্টগুলো তৈরী করেছেন, এবং এখনো করছেন। আবার কেউ কেউ বিক্রয় করার জন্য ফন্ট বানিয়ে থাকেন। ইন্টারনেট জগতে এমন অনেক ওয়েবসাইট আছে, যেখানে শুধুমাত্র ফন্ট বিক্রয় করা হয়। আপনারও যদি ইচ্ছে হয়, আপনার হাতে বা আপনার নিজস্ব স্টাইলে কিছু ফন্ট তৈরী করতে তাহলে এই আর্টিকেলটি আপনার জন্য।
আমার সময়ের বড় অভাব, আমি অনেক কিছু চাইলে করতে পারি না। তবুও শুধুমাত্র আপনাদেরকে দেখানোর জন্য আমি মাত্র দুই দিনে একটি ইংরেজী ফন্ট এবং দু'টো বাংলা ফন্ট বানাতে চেষ্টা করেছি। আপনি কিছুটা সময় নিয়ে করলে আরো অনেক সুন্দর ফন্ট বানাতে পারবেন। যারা প্রফেশনাল ফন্ট তৈরী করেন, তাদের অধিকাংশই ফন্টল্যাব ব্যবহার করে। কিন্তু ফন্টল্যাব ফ্রীতে পাওয়া যায় না। ট্রাইলের জন্য কিছু সময় পাওয়া গেলেও পরে সেটা অনেক টাকা দিয়ে কিনতে হয়। তবে, আমি সব সময় চেষ্টা করেছি, অনলাইন ব্যবহার করে ফ্রীতে কিছু করা যায় কি না। আসুন তাহলে জেনে নিই।
প্রথম স্টেপ |
---|
ফন্ট বানানোর জন্য ইলেষ্টেটর সবচেয়ে ভাল। কিন্তু ইলেষ্টেটর ফ্রী নয়। পটোশপ মুটামুটি সবার কাছে থাকে। এছড়াও আমি যে পদ্ধতিতে ফন্ট বানাবার কথা বলছি, এই পদ্ধতিতে ইলেষ্টেটরের প্রয়োজন নেই। যদি পটোশপ থাকে তাহলে, প্রথমে পটোশপে গিয়ে 500px X 500px পরিমাপে ট্রান্সপারেন্ট ব্যাকগ্রাউন্ড রেখে একটি লেয়ার তৈরী করুন। সেখানে আপনার ষ্টাইলে অক্ষরগুলো বানিয়ে ফেলুন। অক্ষর কমপ্লেট হয়ে গেলে PNG ফর্মেটে সেভ করে নিন। এরপর Calligraphr ওয়েবসাইটে যান। সেখানে প্রথমে সাইনআপ করে লগইন হয়ে ইমেইলের মাধ্যমে একটিভ হয়ে যাবেন। এর পর Create a Template লিংকটিতে ক্লিক করুন। পেজের বাম পাশে সাইডবারে Basics থেকে Minimal English ইংরেজীর জন্য অথবা নিছে Language থেকে Bangali সেলেক্ট করুন। এখনে বাংলার সকল অক্ষর পাওয়া যাবে না। কিছু অক্ষর আপনাকে এড করতে হবে। উপরে মেনুতে দেখবেন, Arbitrary Character. সেটাতে ক্লিক করুন। যে অক্ষরগুলো নেই সেই অক্ষর গুলো একটি একটি করে লিখে এড করুন। তারপর, উপরের মেনু থেকে Download Template এ ক্লিক করুন। পপআপ উইন্ডোর দুই রেডিও বাটনের PNG তে এবং নিচের দুই সেলেক্ট টাইপে সেলেক্ট করে নিন। Download এ ক্লিক করুন। পরবর্তী পপআপ উইন্ডোর calligraphr-template-zip এটাতে ক্লিক করুন। একটি জিপ ফাইল পাবেন। সেটাকে আনজিপ করে নিন। একটি অথবা দুইটি PNG টেম্পেলেট পাবেন। এই টেম্পেলেট পটোশপে ওপেন করে ব্যাকগ্রাউন্ড অক্ষর গুলোর সাথে সমান পরিমাপে আপনার ডিজাইন করা অক্ষরগুলো বসিয়ে দিন। নিচের ছবিটার মত সব কমপ্লেট করা হয়ে গেলে PNG ফর্মেটে সেভ করুন। |
![]() |
দ্বিতীয় স্টেপ |
---|
অতঃপর আবার সেই ওয়েবসাইটে যান, যেখান থেকে টেম্পেলেট নিয়েছেন। একেবারে উপরের মেনু থেকে MY FONTS মেনুতে ক্লিক করুন। এরপরের মেনু থেকে Upload Template. অক্ষর দিয়ে সাজানো আপনার ফাইলটি আপলোড করুন। নিচে থেকে ADD CHARACTERS TO YOUR FONT এখানে ক্লিক করুন। এরপর উপরের মেনু থেকে Edit Font Details তে ক্লিক করুন। পপআপ উইন্ডোতে চারটি অপশন পাবেন। আপনার ফন্টের নাম দিবেন। লেটার স্পেসিং বাংলার জন্য ১ থেকে ১০ এর ভিতরে রাখুন। ফন্ট সাইজ ১০০% থেকে ১৫০% এর ভিতরে রাখুন। ওয়ার্ড স্পেসিং সামান্য বাড়াতে পারেন। তারপর SAVE করুন। এরপর উপরের মেনু থেকে Build Font এ ক্লিক করুন। এবার BUILD করুন। একটি টেক্সট ফাইলে আপনার অক্ষরগুলো দেখা যাবে। আপনার অক্ষর বাংলা হলে বাংলা কী-বোর্ড দিয়ে লিকে দেখুন। সব কিছু ঠিক থাকলেও ই-কার, উ-কার গুলো একটি অক্ষরের জায়গা দখল করে নিতেছে বলে সমস্যা হচ্ছে। চিন্তার কিছু নেই। উপরের দুইটি অপশন থেকে ttf ফাইল ডাউনলোড করে নিন। এবং তৃতীয় ষ্টেপ দেখে সমাধান করে নিন। |
![]() |
তৃতীয় স্টেপ |
---|
ফ্রিতে ফন্টল্যাব পাওয়া গেলে ভাল কথা। আর যদি পাওয়া না যায় তাহলে Online Font Editor এই ওয়েবসাইটে যান। ওখান থেকে ডাউনলোড করা TTF ফাইলটি এখানে ওপেন করুন। ই-কারের উপরে ক্লিক করুন। ডানে উপরে নিচে লম্বা একটি রেখা দেখবেন, সেটাকে টেনে ই-কারের উপর নিচের ডান্ডাতে লাগিয়ে দিন। এভাবে অন্যান্য গুলোকে সেটিং করে সেভ প্রজেক্ট করে একেবারে উপরের মেনু থেকে zip ফর্মেটে ডাউনলোড করুন। এবার আপনি HTML জানলে বাকিটুকু আপনি বুঝে নিতে পারবেন। |
![]() |
আমার বানানো তিনটি ফন্ট
ডেমু
Keep Your Ads Here...
ঐতিহাসিক কালার থিওরি

এইচটিএমএল আইকন

ওয়েবের যত ফন্টস

সিএসএস এনিমেশন

হরেক রকম মেনু

রকমারি বাটন
