how to add bangla font in blogger — Blogger-এর থিম ডিজাইনারে যে ফন্ট তালিকা আছে, সেখানে বাংলা ফন্ট নেই বললেই চলে। তাই বাংলা ফন্ট বসাতে হলে থিমের HTML-এ একটি Google Fonts লিংক ও কয়েক লাইন CSS যোগ করতে হয়। কাজটি দশ মিনিটের, কিন্তু Blogger-এর XML থিমে একটি ছোট ভুলেই সেভ হয় না। নিচে নিরাপদ উপায়টি ধাপে ধাপে দেখানো হলো।
শুরুর আগে: থিম ব্যাকআপ নিন
Blogger ড্যাশবোর্ডে Theme-এ যান, Customize বাটনের পাশের ড্রপডাউন তীরে ক্লিক করে Backup → Download করুন। কোনো কিছু ভুল হলে এই ফাইল Restore করলেই আগের অবস্থায় ফিরবেন।
ধাপে ধাপে how to add bangla font in blogger
- Google Fonts-এর বাংলা ফন্ট তালিকা থেকে একটি ফন্ট বেছে নিন, যেমন Hind Siliguri বা Noto Serif Bengali।
- Get embed code থেকে
<link>কোডটি কপি করুন। - Theme → ড্রপডাউন → Edit HTML খুলুন। কোডের ভেতরে ক্লিক করে Ctrl+F চেপে
</head>খুঁজুন। - ঠিক তার উপরে লিংকটি পেস্ট করুন। এখানে সবচেয়ে জরুরি বিষয়: লিংকের ভেতরের
&চিহ্নটি&লিখতে হবে এবং ট্যাগটি/>দিয়ে বন্ধ করতে হবে, নইলে Blogger XML error দেখাবে।
<link href='https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;700&display=swap' rel='stylesheet'/>- এবার একই ফাইলে
]]></b:skin>খুঁজুন এবং তার ঠিক আগে CSS বসান:
body, .post-body, h1, h2, h3 {
font-family: 'Hind Siliguri', sans-serif !important;
}- Save দিন এবং ব্লগটি নতুন ট্যাবে খুলে দেখুন।
কোডের পেছনের ধারণা (link, font-family, fallback) বিস্তারিত আছে HTML-এ বাংলা ফন্ট ব্যবহারের গাইডে।
how to change bangla font in blogger পরে আবার
ফন্ট পছন্দ না হলে পুরো কাজ আবার করতে হবে না। শুধু দুটি জায়গায় নাম বদলান: লিংকের family= অংশে ও CSS-এর font-family-তে। যেমন Tiro Bangla নিতে চাইলে লিংকে family=Tiro+Bangla আর CSS-এ 'Tiro Bangla' লিখুন। দুই জায়গার নাম হুবহু এক না হলে ফন্ট বদলাবে না।
how to set bangla font in blogger শুধু একটি অংশে
পুরো ব্লগ নয়, শুধু পোস্টের লেখায় ফন্ট চাইলে CSS-এ শুধু .post-body রাখুন। আর কোনো একটি পোস্টের একটি অনুচ্ছেদে আলাদা ফন্ট চাইলে পোস্ট এডিটরের HTML view-এ লিখুন: <p style="font-family:'Tiro Bangla'">...</p>। তবে সেই ফন্টের লিংকও থিমে থাকতে হবে।
ব্লগের জন্য কোন বাংলা ফন্ট ভালো
দীর্ঘ লেখার ব্লগে পড়ার আরামই সবচেয়ে গুরুত্বপূর্ণ। বডির জন্য Hind Siliguri বা Noto Sans Bengali পরিষ্কার, ফোনেও স্পষ্ট। গল্প, কবিতা বা সাহিত্যের ব্লগে বইয়ের মতো চেহারা চাইলে Noto Serif Bengali বা Tiro Bangla ভালো মানায়। শিরোনামে একটু আলাদা ভাব আনতে Baloo Da 2 ব্যবহার করতে পারেন, কিন্তু পুরো ব্লগে দুটির বেশি ফন্ট না রাখাই ভালো। বাংলা ও ইংরেজি ফন্ট মিলিয়ে ব্যবহারের কৌশল পাবেন বাংলা-ইংরেজি ফন্ট কম্বিনেশন গাইডে।
সমস্যা হলে যা দেখবেন
| সমস্যা | কারণ ও সমাধান |
|---|---|
| Save-এ XML error | লিংকে & এর জায়গায় & দিন, ট্যাগ /> দিয়ে বন্ধ করুন |
| সেভ হলো, ফন্ট বদলালো না | থিমের CSS বেশি শক্তিশালী; !important যোগ করুন বা সিলেক্টর মিলিয়ে দেখুন |
| পোস্টে ইংরেজি অক্ষরের জট | লেখা বিজয়ে টাইপ করা; ইউনিকোডে কনভার্ট করুন |
| মোবাইলে আগের ফন্ট | মোবাইল থিম আলাদা হলে Customize → Mobile-এ “Desktop” থিম দেখানো চালু করুন |
ওপরের ধাপগুলো মেনে চললে how to add bangla font in blogger নিয়ে আর সমস্যা হবে না। ব্লগটি পরে WordPress-এ নিলে দেখুন WordPress-এ বাংলা ফন্ট ইনস্টল। ব্লগের জন্য কোন ফন্ট পড়তে সবচেয়ে আরামদায়ক তা জানতে পড়ুন সেরা বাংলা ফন্ট।
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
Blogger-এর থিম ডিজাইনারে বাংলা ফন্ট নেই কেন?
থিম ডিজাইনারের ফন্ট তালিকা সীমিত এবং মূলত ল্যাটিন অক্ষরের। তাই বাংলা ফন্ট বসাতে Edit HTML-এ Google Fonts লিংক ও CSS যোগ করতে হয়।
Edit HTML-এ লিংক দিলে error আসছে কেন?
Blogger থিম XML ফরম্যাটের। লিংকের & চিহ্ন & হিসেবে লিখতে হয় এবং link ট্যাগ /> দিয়ে বন্ধ করতে হয়।
SolaimanLipi Blogger-এ ব্যবহার করা যায়?
Blogger-এ ফন্ট ফাইল আপলোডের ব্যবস্থা নেই, তাই ফাইলটি অন্য কোথাও হোস্ট করে @font-face দিয়ে যোগ করতে হয়। সহজ ও নির্ভরযোগ্য পথ হলো Google Fonts-এর বাংলা ফন্ট ব্যবহার করা।
ফন্ট যোগ করলে কি ব্লগ স্লো হবে?
একটি ফন্টের দুটি ওয়েট যোগ করলে প্রভাব খুব কম। অনেকগুলো ফন্ট বা ওয়েট একসাথে লোড করলে পেজ ধীর হয়।
ভুল হলে আগের থিমে ফেরত যাব কীভাবে?
শুরুতে Theme → Backup থেকে ডাউনলোড করা ফাইলটি Theme → Restore দিয়ে আপলোড করুন। তাহলে সব আগের অবস্থায় ফিরে আসবে।