How can I add Bangla font in my website?এই আর্টিকেল থেকে আমরা জানতে পারবো, কিভাবে একটি ওয়েবসাইটে বাংলা ফন্ট অ্যাড করা যায়। আজকের পদ্ধতি ফলো করলেই খুব সহজে ওয়েবসাইটে বাংলা ফন্ট অ্যাড করতে পারবেন আপনার ব্লগার সাইটে।
How To Add Bangla Font In Blogger 2023 | ব্লগার সাইটে বাংলা ফন্ট ইন্সটল করুন সহজেই
ব্লগার ওয়েবসাইটে বাংলা ফন্ট যুক্ত করার নিয়ম
আগেই বলে নিচ্ছি! বাংলা ফন্ট ব্যবহার করলে আপনার ওয়েবসাইটের স্পিড কিছুটা স্লো হয়ে যেতে পারে, চাই তাই যথাসম্ভব ওয়েবসাইটে কম পিকচার ও জাভাস্ক্রপ্টের ব্যবহার করুন। ওয়েবসাইট লোড নিতে দেরি হলে কোন ভিসিটারি চাইবে না আপনার সাইটে পুনরায় ভিজিট করতে। বাংলা ফন্ট অ্যাড করার পর আপনার সাইটটি ভিজিটরদের কাছে আরো ইউজারফ্রেন্ডলি আর আকর্ষণীয় হয়ে উঠবে।
কিভাবে ব্লগারে বাংলা ফন্ট অ্যাড করবেন?
বর্তমানে সকল ওয়েপ বাজারে বাংলা ইউনিকোড ফন্ট সমর্থন করে। আপনি যদি নিজের ওয়েবসইটে কাস্টম বাংলা ওয়েব ফন্ট ইনস্টল না করেন তবে বাংলা ফন্টটি কাস্টমাইজ করতে পারবেন না। তাই আপনার সাইটে বাংলা ফোন শো করার জন্য আজকের এই আর্টিকেলটি মন দিয়ে পড়ুন।
আরও পড়ুন: Biggest Bangladeshi Dj Remix Website
আজকের এই আর্টিকেলের মাধ্যমে আজকে আমরা দেখবো একটি ব্লগস্পট (Blogspot/ Blogger) সাইটে কিভাবে আপনি “SolaimaanLipi Bangla Font” যুক্ত করবেন। ( How to add SolaimanLipi Bangla Font in your website.)
How To Setup Bangla Font In Blogger Website | ব্লগার সাইডে সুলাইমান লিপি ইনস্টল করুন
মনে রাখবেন: যেকোনো সময় Theme Edit বা কোনো ধরণের কোড পরিবর্তনের আগে অবশ্যই আপনার ব্যবহৃত টেম্পলেটির ব্যাকআপ রাখুন, পরবর্তীতে সমস্যা হলে যাতে ব্যাকআপ নিতে পারেন।
১. প্রথমে আপনার Blogger অ্যাকাউন্টে লগ ইন করুন।
২. থ্রিডট মেনুতে ক্লিক করে বাম দিকের মেনু থেকে Theme ট্যাবে যান।
৩. এরপর My Theme অপশন থেকে থ্রি কাস্টমাইজ করার জন্য কাস্টমাইজ বাটনের পাশে ক্লিক করে Edit HTML বাটনটি ক্লিক করুন।
৪. তারপর আপনার টেম্পলেটটিতে <head> কোড খুঁজে বের করুন, কম্পিউটার হলে Ctrl + F press করে খুঁজতে পারেন। মোবাইলে হলে QuickEdit+ App টি Install করে সহজেই কাজ সারতে পারেন।
৫. এখন আপনার টেমপ্লটের <head> এর ঠিক নীচে / পরে নিম্নলিখিত কোডটি পেস্ট করুন:
<link href="https://fonts.maateen.me/solaiman-lipi/font.css" rel="stylesheet"/>
৬. তারপর আবার CTRL+F চেপে <body> ট্যাগটি খুঁজে বের করুন এবং এই (<body>) ট্যাগটির নিচে এই কোডটি কপি করে পেস্ট করে দিন।
<style> @import url('https://fonts.maateen.me/solaiman-lipi/font.css'); </style>
৭. অর্ধেক কাজ শেষ, এবার ফন্ট অ্যাড করার জন্য “font-family:” খুঁজে বের করুন। নিচের কোডটি বেশ কয়েকটি বার আপনার টেমপ্লেটে দেখতে পাবেন, কোডটা দেখতে এমন:
font-family : arial, sans-serif;
৮. এবার কেবল উপরের কোডগুলো যত যায়গায় আছে তার বদলে, নিচের এই কোডটি সেসব জায়গায় Replace করে দিন। (আপনি মোবাইলের মাধ্যমে কাজ করলে QuickEdite+ অ্যাপটি ইন্সটল করে নিতে পারেন)
font-family: 'SolaimanLipi', Arial, sans-serif !important;
শুধু মনে রাখবেন, font-family:fontawesome; এবং font-family:font-inherit; এ দুইটা থাকলে সেটা পরিবর্তন করার দরকার নেই।
৯. উপরের ফন্ট কোডটি সকল ফন্ট কোড এর জায়গায় Replace করার পরে, Save Theme বাটনে ক্লিক করে দিন।ব্যাস আপনার কাজ শেষ।
এবার আপনার সাইটটি ভিজিট করে দেখুন আগের চাইতে সুন্দর ও আকর্ষণীয় হয়ে গেছে।
টিপস: থিম সেভ করার পর যদি দেখেন বাংলা ফন্ট সঠিকভাবে আসছে না তাহলে আপনি Arial এবং sans-serif ফন্টের সাথে সুলাইমান লিপি অ্যাড করে দিবেন। মানে, ,'SolaimanLipi' দিয়ে দিবেন যেমন: 'SolaimanLipi', Arial, sans-serif । মানে সকল ফন্টের সাথে (,) দিয়ে সুলাইমান লিপি ফোনটিও যোগ করে রাখবেন তাহলে কাজ হবেই!