আস্সালামু আলাইকুম। আমরা যারা ওয়েব ডেভেলপমেন্টের সাথে জড়িত তাদের প্রায় সকলেই কমবেশি ওয়েব ফন্ট সম্পর্কে জানি। আর এক্ষেত্রে যে সাইটটি আমাদের সবচেয়ে জনপ্রিয় তা হলো গুগল ফন্ট। এতে রয়েছে দারুণ দারুণ সব ইংরেজি ফন্ট যা ব্যবহৃত হচ্ছে বিশ্বের হাজারো ওয়েবসাইটে। কিন্তু বাংলার জন্য এমন কোনো ফন্ট সোর্স না থাকায় বাংলায় ওয়েবসাইট ডেভেলপমেন্ট করতে আমরা তেমন একটা স্বস্তি বোধ করি না। কারণ, ব্যবহারকারীর কম্পিউটারে যদি আমাদের ব্যবহৃত বাংলা ফন্টটি না থাকে তাহলে সাইটটি তার ব্রাউজারে খুব একটা ভালো দেখায় না। তাই এ ধরনের সমস্যা থেকে মুক্তি পাওয়ার লক্ষ্যে কিছু উন্মুক্ত বাংলা ফন্টকে ওয়েবে ব্যবহারোপযোগী করে তোলার জন্যই আমার এই ছোট্ট উদ্যোগ। আশা করি বাংলাদেশি ডেভেলপারগণ এই ছোট্ট উদ্যোগ থেকে সামান্য হলেও উপকৃত হবেন। ধন্যবাদ।
মহারাজ ঊষাকালে বৃহৎ ঐরাবতে রাজপথের অর্ধেক প্রদক্ষিণ করতঃ হঠাত্ উক্তি করিলেন, “এই ঢোল পাখোয়াজ, শাস্ত্রীয় সঙ্গীতের ঝংকার ও সৌরভ মন্দ্রিত আড়ম্বরপূর্ন রঙিন জীবনের ছত্রতলে যে বিষণ্ণ দারিদ্র তাহা কি ঈষৎ ঔদাসীন্য, অপ্রচলিত বৈদেশিক নীতি নাকি বারভুঁইঞার সহিত পুরাণো এবং আত্মঘাতী ডামাডোলের ফসল?”
এই ফন্টটি আপনার ওয়েবসাইটে যোগ করতে নিচের কোডটি আপনার CSS ফাইলের শুরুতে যোগ করুন।
@import url('https://cdn.rawgit.com/sh4hids/bangla-web-fonts/solaimanlipi/stylesheet.css');যে এলিম্যান্টের জন্য এই ফন্টটি ব্যবহার করতে চান তার স্টাইলে নিচের কোডটি যুক্ত করুনঃ
font-family: 'SolaimanLipi';মহারাজ ঊষাকালে বৃহৎ ঐরাবতে রাজপথের অর্ধেক প্রদক্ষিণ করতঃ হঠাত্ উক্তি করিলেন, “এই ঢোল পাখোয়াজ, শাস্ত্রীয় সঙ্গীতের ঝংকার ও সৌরভ মন্দ্রিত আড়ম্বরপূর্ন রঙিন জীবনের ছত্রতলে যে বিষণ্ণ দারিদ্র তাহা কি ঈষৎ ঔদাসীন্য, অপ্রচলিত বৈদেশিক নীতি নাকি বারভুঁইঞার সহিত পুরাণো এবং আত্মঘাতী ডামাডোলের ফসল?”
এই ফন্টটি আপনার ওয়েবসাইটে যোগ করতে নিচের কোডটি আপনার CSS ফাইলের শুরুতে যোগ করুন।
@import url('https://cdn.rawgit.com/sh4hids/bangla-web-fonts/bangla/stylesheet.css');যে এলিম্যান্টের জন্য এই ফন্টটি ব্যবহার করতে চান তার স্টাইলে নিচের কোডটি যুক্ত করুনঃ
font-family: 'Bangla';মহারাজ ঊষাকালে বৃহৎ ঐরাবতে রাজপথের অর্ধেক প্রদক্ষিণ করতঃ হঠাত্ উক্তি করিলেন, “এই ঢোল পাখোয়াজ, শাস্ত্রীয় সঙ্গীতের ঝংকার ও সৌরভ মন্দ্রিত আড়ম্বরপূর্ন রঙিন জীবনের ছত্রতলে যে বিষণ্ণ দারিদ্র তাহা কি ঈষৎ ঔদাসীন্য, অপ্রচলিত বৈদেশিক নীতি নাকি বারভুঁইঞার সহিত পুরাণো এবং আত্মঘাতী ডামাডোলের ফসল?”
এই ফন্টটি আপনার ওয়েবসাইটে যোগ করতে নিচের কোডটি আপনার CSS ফাইলের শুরুতে যোগ করুন।
@import url('https://cdn.rawgit.com/sh4hids/bangla-web-fonts/ekushey-lohit/stylesheet.css');যে এলিম্যান্টের জন্য এই ফন্টটি ব্যবহার করতে চান তার স্টাইলে নিচের কোডটি যুক্ত করুনঃ
font-family: 'Ekushey Lohit';মহারাজ ঊষাকালে বৃহৎ ঐরাবতে রাজপথের অর্ধেক প্রদক্ষিণ করতঃ হঠাত্ উক্তি করিলেন, “এই ঢোল পাখোয়াজ, শাস্ত্রীয় সঙ্গীতের ঝংকার ও সৌরভ মন্দ্রিত আড়ম্বরপূর্ন রঙিন জীবনের ছত্রতলে যে বিষণ্ণ দারিদ্র তাহা কি ঈষৎ ঔদাসীন্য, অপ্রচলিত বৈদেশিক নীতি নাকি বারভুঁইঞার সহিত পুরাণো এবং আত্মঘাতী ডামাডোলের ফসল?”
এই ফন্টটি আপনার ওয়েবসাইটে যোগ করতে নিচের কোডটি আপনার CSS ফাইলের শুরুতে যোগ করুন।
@import url('https://cdn.rawgit.com/sh4hids/bangla-web-fonts/sornaly/stylesheet.css');যে এলিম্যান্টের জন্য এই ফন্টটি ব্যবহার করতে চান তার স্টাইলে নিচের কোডটি যুক্ত করুনঃ
font-family: 'Sornaly';মহারাজ ঊষাকালে বৃহৎ ঐরাবতে রাজপথের অর্ধেক প্রদক্ষিণ করতঃ হঠাত্ উক্তি করিলেন, “এই ঢোল পাখোয়াজ, শাস্ত্রীয় সঙ্গীতের ঝংকার ও সৌরভ মন্দ্রিত আড়ম্বরপূর্ন রঙিন জীবনের ছত্রতলে যে বিষণ্ণ দারিদ্র তাহা কি ঈষৎ ঔদাসীন্য, অপ্রচলিত বৈদেশিক নীতি নাকি বারভুঁইঞার সহিত পুরাণো এবং আত্মঘাতী ডামাডোলের ফসল?”
এই ফন্টটি আপনার ওয়েবসাইটে যোগ করতে নিচের কোডটি আপনার CSS ফাইলের শুরুতে যোগ করুন।
@import url('https://cdn.rawgit.com/sh4hids/bangla-web-fonts/lal-sabuj-normal/stylesheet.css');যে এলিম্যান্টের জন্য এই ফন্টটি ব্যবহার করতে চান তার স্টাইলে নিচের কোডটি যুক্ত করুনঃ
font-family: 'LalSabujNormal';মহারাজ ঊষাকালে বৃহৎ ঐরাবতে রাজপথের অর্ধেক প্রদক্ষিণ করতঃ হঠাত্ উক্তি করিলেন, “এই ঢোল পাখোয়াজ, শাস্ত্রীয় সঙ্গীতের ঝংকার ও সৌরভ মন্দ্রিত আড়ম্বরপূর্ন রঙিন জীবনের ছত্রতলে যে বিষণ্ণ দারিদ্র তাহা কি ঈষৎ ঔদাসীন্য, অপ্রচলিত বৈদেশিক নীতি নাকি বারভুঁইঞার সহিত পুরাণো এবং আত্মঘাতী ডামাডোলের ফসল?”
এই ফন্টটি আপনার ওয়েবসাইটে যোগ করতে নিচের কোডটি আপনার CSS ফাইলের শুরুতে যোগ করুন।
@import url(//fonts.googleapis.com/earlyaccess/notosansbengali.css);যে এলিম্যান্টের জন্য এই ফন্টটি ব্যবহার করতে চান তার স্টাইলে নিচের কোডটি যুক্ত করুনঃ
font-family: 'Noto Sans Bengali', sans-serif;মহারাজ ঊষাকালে বৃহৎ ঐরাবতে রাজপথের অর্ধেক প্রদক্ষিণ করতঃ হঠাত্ উক্তি করিলেন, “এই ঢোল পাখোয়াজ, শাস্ত্রীয় সঙ্গীতের ঝংকার ও সৌরভ মন্দ্রিত আড়ম্বরপূর্ন রঙিন জীবনের ছত্রতলে যে বিষণ্ণ দারিদ্র তাহা কি ঈষৎ ঔদাসীন্য, অপ্রচলিত বৈদেশিক নীতি নাকি বারভুঁইঞার সহিত পুরাণো এবং আত্মঘাতী ডামাডোলের ফসল?”
এই ফন্টটি আপনার ওয়েবসাইটে যোগ করতে নিচের কোডটি আপনার CSS ফাইলের শুরুতে যোগ করুন।
@import url('https://fonts.googleapis.com/css?family=Hind+Siliguri');যে এলিম্যান্টের জন্য এই ফন্টটি ব্যবহার করতে চান তার স্টাইলে নিচের কোডটি যুক্ত করুনঃ
font-family: 'Hind Siliguri', sans-serif;মহারাজ ঊষাকালে বৃহৎ ঐরাবতে রাজপথের অর্ধেক প্রদক্ষিণ করতঃ হঠাত্ উক্তি করিলেন, “এই ঢোল পাখোয়াজ, শাস্ত্রীয় সঙ্গীতের ঝংকার ও সৌরভ মন্দ্রিত আড়ম্বরপূর্ন রঙিন জীবনের ছত্রতলে যে বিষণ্ণ দারিদ্র তাহা কি ঈষৎ ঔদাসীন্য, অপ্রচলিত বৈদেশিক নীতি নাকি বারভুঁইঞার সহিত পুরাণো এবং আত্মঘাতী ডামাডোলের ফসল?”
এই ফন্টটি আপনার ওয়েবসাইটে যোগ করতে নিচের কোডটি আপনার CSS ফাইলের শুরুতে যোগ করুন।
@import url('https://cdn.staticaly.com/gh/sh4hids/bangla-web-fonts/9baee0fc23e77fe957c0b70fe49d81d2cbbe87d6/boshonto/stylesheet.css');যে এলিম্যান্টের জন্য এই ফন্টটি ব্যবহার করতে চান তার স্টাইলে নিচের কোডটি যুক্ত করুনঃ
font-family: 'Boshonto', sans-serif;মহারাজ ঊষাকালে বৃহৎ ঐরাবতে রাজপথের অর্ধেক প্রদক্ষিণ করতঃ হঠাত্ উক্তি করিলেন, “এই ঢোল পাখোয়াজ, শাস্ত্রীয় সঙ্গীতের ঝংকার ও সৌরভ মন্দ্রিত আড়ম্বরপূর্ন রঙিন জীবনের ছত্রতলে যে বিষণ্ণ দারিদ্র তাহা কি ঈষৎ ঔদাসীন্য, অপ্রচলিত বৈদেশিক নীতি নাকি বারভুঁইঞার সহিত পুরাণো এবং আত্মঘাতী ডামাডোলের ফসল?”
এই ফন্টটি আপনার ওয়েবসাইটে যোগ করতে নিচের কোডটি আপনার CSS ফাইলের শুরুতে যোগ করুন।
@import url('https://cdn.rawgit.com/sh4hids/bangla-web-fonts/ab-shapla/stylesheet.css');যে এলিম্যান্টের জন্য এই ফন্টটি ব্যবহার করতে চান তার স্টাইলে নিচের কোডটি যুক্ত করুনঃ
font-family: 'ABShaplaBeta';মহারাজ ঊষাকালে বৃহৎ ঐরাবতে রাজপথের অর্ধেক প্রদক্ষিণ করতঃ হঠাত্ উক্তি করিলেন, “এই ঢোল পাখোয়াজ, শাস্ত্রীয় সঙ্গীতের ঝংকার ও সৌরভ মন্দ্রিত আড়ম্বরপূর্ন রঙিন জীবনের ছত্রতলে যে বিষণ্ণ দারিদ্র তাহা কি ঈষৎ ঔদাসীন্য, অপ্রচলিত বৈদেশিক নীতি নাকি বারভুঁইঞার সহিত পুরাণো এবং আত্মঘাতী ডামাডোলের ফসল?”
এই ফন্টটি আপনার ওয়েবসাইটে যোগ করতে নিচের কোডটি আপনার CSS ফাইলের শুরুতে যোগ করুন।
@import url('https://fonts.googleapis.com/css?family=Atma');যে এলিম্যান্টের জন্য এই ফন্টটি ব্যবহার করতে চান তার স্টাইলে নিচের কোডটি যুক্ত করুনঃ
font-family: 'Atma', cursive;মহারাজ ঊষাকালে বৃহৎ ঐরাবতে রাজপথের অর্ধেক প্রদক্ষিণ করতঃ হঠাত্ উক্তি করিলেন, “এই ঢোল পাখোয়াজ, শাস্ত্রীয় সঙ্গীতের ঝংকার ও সৌরভ মন্দ্রিত আড়ম্বরপূর্ন রঙিন জীবনের ছত্রতলে যে বিষণ্ণ দারিদ্র তাহা কি ঈষৎ ঔদাসীন্য, অপ্রচলিত বৈদেশিক নীতি নাকি বারভুঁইঞার সহিত পুরাণো এবং আত্মঘাতী ডামাডোলের ফসল?”
এই ফন্টটি আপনার ওয়েবসাইটে যোগ করতে নিচের কোডটি আপনার CSS ফাইলের শুরুতে যোগ করুন।
@import url('https://cdn.rawgit.com/sh4hids/bangla-web-fonts/bensen-handwriting/stylesheet.css');যে এলিম্যান্টের জন্য এই ফন্টটি ব্যবহার করতে চান তার স্টাইলে নিচের কোডটি যুক্ত করুনঃ
font-family: 'BenSenHandwriting';মহারাজ ঊষাকালে বৃহৎ ঐরাবতে রাজপথের অর্ধেক প্রদক্ষিণ করতঃ হঠাত্ উক্তি করিলেন, “এই ঢোল পাখোয়াজ, শাস্ত্রীয় সঙ্গীতের ঝংকার ও সৌরভ মন্দ্রিত আড়ম্বরপূর্ন রঙিন জীবনের ছত্রতলে যে বিষণ্ণ দারিদ্র তাহা কি ঈষৎ ঔদাসীন্য, অপ্রচলিত বৈদেশিক নীতি নাকি বারভুঁইঞার সহিত পুরাণো এবং আত্মঘাতী ডামাডোলের ফসল?”
এই ফন্টটি আপনার ওয়েবসাইটে যোগ করতে নিচের কোডটি আপনার CSS ফাইলের শুরুতে যোগ করুন।
@import url('https://fonts.googleapis.com/css?family=Galada');যে এলিম্যান্টের জন্য এই ফন্টটি ব্যবহার করতে চান তার স্টাইলে নিচের কোডটি যুক্ত করুনঃ
font-family: 'Galada', cursive;এই ফন্টটি আপনার ওয়েবসাইটে যোগ করতে নিচের কোডটি আপনার CSS ফাইলের শুরুতে যোগ করুন।
@import url('https://cdn.rawgit.com/sh4hids/bangla-web-fonts/durbar/stylesheet.css');যে এলিম্যান্টের জন্য এই ফন্টটি ব্যবহার করতে চান তার স্টাইলে নিচের কোডটি যুক্ত করুনঃ
font-family: 'Durbar', sans-serif;মহারাজ ঊষাকালে বৃহৎ ঐরাবতে রাজপথের অর্ধেক প্রদক্ষিণ করতঃ হঠাত্ উক্তি করিলেন, “এই ঢোল পাখোয়াজ, শাস্ত্রীয় সঙ্গীতের ঝংকার ও সৌরভ মন্দ্রিত আড়ম্বরপূর্ন রঙিন জীবনের ছত্রতলে যে বিষণ্ণ দারিদ্র তাহা কি ঈষৎ ঔদাসীন্য, অপ্রচলিত বৈদেশিক নীতি নাকি বারভুঁইঞার সহিত পুরাণো এবং আত্মঘাতী ডামাডোলের ফসল?”
এই ফন্টটি আপনার ওয়েবসাইটে যোগ করতে নিচের কোডটি আপনার CSS ফাইলের শুরুতে যোগ করুন।
@import url('https://fonts.googleapis.com/css?family=Baloo+Da');যে এলিম্যান্টের জন্য এই ফন্টটি ব্যবহার করতে চান তার স্টাইলে নিচের কোডটি যুক্ত করুনঃ
font-family: 'Baloo Da', cursive;মহারাজ ঊষাকালে বৃহৎ ঐরাবতে রাজপথের অর্ধেক প্রদক্ষিণ করতঃ হঠাত্ উক্তি করিলেন, “এই ঢোল পাখোয়াজ, শাস্ত্রীয় সঙ্গীতের ঝংকার ও সৌরভ মন্দ্রিত আড়ম্বরপূর্ন রঙিন জীবনের ছত্রতলে যে বিষণ্ণ দারিদ্র তাহা কি ঈষৎ ঔদাসীন্য, অপ্রচলিত বৈদেশিক নীতি নাকি বারভুঁইঞার সহিত পুরাণো এবং আত্মঘাতী ডামাডোলের ফসল?”
এই ফন্টটি আপনার ওয়েবসাইটে যোগ করতে নিচের কোডটি আপনার CSS ফাইলের শুরুতে যোগ করুন।
@import url('https://cdn.rawgit.com/sh4hids/bangla-web-fonts/charu-chandan-unicode/stylesheet.css');যে এলিম্যান্টের জন্য এই ফন্টটি ব্যবহার করতে চান তার স্টাইলে নিচের কোডটি যুক্ত করুনঃ
font-family: 'Charu Chandan Unicode';মহারাজ ঊষাকালে বৃহৎ ঐরাবতে রাজপথের অর্ধেক প্রদক্ষিণ করতঃ হঠাত্ উক্তি করিলেন, “এই ঢোল পাখোয়াজ, শাস্ত্রীয় সঙ্গীতের ঝংকার ও সৌরভ মন্দ্রিত আড়ম্বরপূর্ন রঙিন জীবনের ছত্রতলে যে বিষণ্ণ দারিদ্র তাহা কি ঈষৎ ঔদাসীন্য, অপ্রচলিত বৈদেশিক নীতি নাকি বারভুঁইঞার সহিত পুরাণো এবং আত্মঘাতী ডামাডোলের ফসল?”
এই ফন্টটি আপনার ওয়েবসাইটে যোগ করতে নিচের কোডটি আপনার CSS ফাইলের শুরুতে যোগ করুন।
@import url('https://cdn.rawgit.com/sh4hids/bangla-web-fonts/charukola-reguler-unicode/stylesheet.css');যে এলিম্যান্টের জন্য এই ফন্টটি ব্যবহার করতে চান তার স্টাইলে নিচের কোডটি যুক্ত করুনঃ
font-family: 'Charukola Unicode';