ব্লগারে মোবাইল এর মাধ্যমে বাংলা ফন্ট ইনেস্টল করুন একদম সহজে
How to Add Bangla Font In Blogger By Mobile | Install Bengali SolaimanLipi Stylish Font in Blogger 2022 By Mobile
হায় বন্ধুরা কেমন আছেন। নিশ্চই ভালো আছেন। আজ আপনাদের খুবই গুরুত্বপূর্ণ একটা ট্রিকস শিখাবো। তো ট্রিকস টি হচ্ছে কিভাবে ব্লাগারে বাংলা কাস্টম ফন্ট ইনস্টল করবেন?
আমরা যারা ব্লগিং করি তারা নিশ্চয়ই যানি ব্লগারের জন্য যেসব থিম বা টেমপ্লেট রযেছে সে সব থিমে বা টেমপ্লেটে যে সব ডিফল্ট ফন্ট থাকে সে সব ফন্ট বাংলা লেখাকে দৃষ্টিনন্দন করে না। সে ফন্ট গুলো শুধুমাত্র ইংরেজি ব্লগার দের জন্য ঠিক আছে। তাই বাংলা ফন্ট ইনস্টাল করার প্রয়োজন পড়ে।
তো বাংলা ফন্ট ইনেস্টাল করলে বাংলা লেখা খুব সুন্দর দেখায়। পুরো বইয়ের লেখার মতো মনে হয়। যার ফলে ভিজিটরদের কাছে লেখা দৃষ্টিনন্দন দেখায় তাই তারা পড়তে ইন্টারেস্টিং ফিল করে। এতে তারা বহু সময় ধরে লেখা পড়তে বিব্রত হয় না ফলে ওয়েবসাইটের বাউন্স রেট কমে যায়।
তো আজকের এই আর্টিকেলে দেখিয়ে দেবো কিভাবে ব্লগারে বাংলা ফন্ট যুক্ত করতে পারেন এবং সেই সাথে কিছু বাংলা ফন্ট ফ্যামিলি দিয়ে দিবো যাতে করে যে কোন ফন্ট আপনি পছন্দ মতো ইনেস্টাল করতে পারেন।
কয়েকটি দৃষ্টিনন্দন বাংলা ফন্ট ফ্যামিলিঃ
নিচে বেশ কয়েকটি বাংলা ফন্ট আপনাদের জন্য দিয়ে দিয়েছি। এখান থেকে কপি করে ব্লগার HTML কোডের মধ্যে বসিয়ে দিতে হবে।
বিঃদ্রঃ- এই সাইটে সোলায়মান লিপি / Solaiman Lipi ফন্ট ব্যবহার করা হয়েছে।
উপরে দেওয়া ফন্ট গুলো আপনি খুব সহজে ব্যবহার করতে পারবেন। ব্যবহার করার জন্য প্রথমে ব্লগের এডমিন প্যানেলে যেতে হবে।
স্ক্রিনশর্ট অনুশারে কাজ করুনঃ
ব্লগারের এডমিন প্যানেলে গেলে উপরের ছবির মতো থিম অপশন পাবেন। প্রথমে থিমে ক্লিক করুন।
থিমে ক্লিক করার পর উপরের ইন্টারফেস পাবেন। এখানে 🔻 বাটন টায় ক্লিক করুন।
🔻 বাটনে ক্লিক করলে উপরের ছবির মতো Backup, Restore Etc. মেনু পাবেন। আপনি Backup বাটনে ক্লিক করুন। তারপর,
Backup বাটনে ক্লিক দিলে Download বাটন পাবেন। ডাউনলোড বাটনে ক্লিক করে থিমের ফাইল টি ডাউনলোড করে নিতে হবে। তারপর চলে যাবেন আপনার ফোনে Play Store অ্যাপ ভান্ডারে। সেখানে গিয়ে Quick Edit অ্যাপটি ডাউনলোড করতে হবে। ডাউনলোড হয়ে গেলে অটোমেটিক ইনেস্টাল নিবে।
তারপর Open বাটন পাবেন। Open বাটনে ক্লিক করে অ্যাপের মধ্যে প্রবেশ করতে হবে। প্রবেশ করার পর।
উপরের ছবিটির মতো ফাকা অবস্থায় পাবেন। ডান পামে উপরে তিনটা ডট দেখতে পাবেন সেই ডটের উপর ক্লিক করুন।
ডটে ক্লিক করার পর উপরের ছবির মতো ইন্টারফেস পাবেন। তখন Open বা, Open (SAF) বাটনে ক্লিক দিবেন। সাথে সাথে আপনার ফোন মেমরিতে নিয়ে যাবে। যেখানে থিম Backup ফাইল টি ডাউনলোড করা রয়েছে।
ফাইল টি সিলেক্ট করার সাথে সাথে ফাইলটি Quick Edit অ্যাপে ওপেন হয়ে যাবে।
ওপেন হয়ে গেলে <head> ট্যাগের নিচে উপরের যে ফন্ট টি আপনার ওয়েবসাইটে ইনেস্টাল করতে চান সেই ফন্টের হলুদ রং দিয়ে মার্ক করা <link href="https://fonts.maateen.me/solaiman-lipi/font.css" rel="stylesheet"/> এই অংশ টুকু পেষ্ট করে দিন। আমি সোলাইম্যান লিপি ফন্ট কপি-পেষ্ট করে দেখালাম।
তারপর ডানপাসে উপরে তিনটা ডটে ক্লিক করে Search মেনুতে জান। সার্চ মেনুতে গেলে উপরের ছবির মতো ইন্টার ফেস পাবেন। ইন্টারফেস টা পেলে সার্চ টেক্সট এ লিখুন --body এটা লিখে সার্চ করুন।
সার্চ করার সাথে সাথে উপরের ছবির মতো --Body Content CSS পাবেন।
Font Family যুক্ত করার পূর্বেঃ
:root
{--body-font:$(main.font.family);
--title-font:$(title.font.family);
--meta-font:$(meta.font.family);
--text-font:$(text.font.family)}
এই লেখাটি পাওয়ার পর খুব সতর্কতার সহিত উপরের যে ফন্ট লিংটি যুক্ত করেছিলেন তার Font Family কপি করে আনুন। অর্থাৎ আমি সোলাইম্যান লিপি ফন্ট ইনেস্টাল করে দেখাচ্ছি তাই। সোলাইম্যান লিপি ফন্ট ফ্যামিলি font-family: 'SolaimanLipi', sans-serif; থেকে সুধুমাত্র SolaimanLipi লেখাটুকু কপি করে আনলাম
Font Family যুক্ত করার পরেঃ
:root
{--body-font:SolaimanLipi;
--title-font:SolaimanLipi;
--meta-font:SolaimanLipi;
--text-font:SolaimanLipi}
এবং সেটিকে পেষ্ট করলাম $ এবং ; মধ্যে। খুব সতর্ক ভাবে এটি করবেন।
SolaimanLipi ফন্ট ফ্যামিলি সেটাপ করার পর উপরের ইন্টারফেসের মতো হবে। এর পর নিচে 💾 সেভ আইকনে ক্লিক করে সেভ করে নিন এবং অ্যাপটি কেটে দিন। তারপর পুনরায় ব্লগারের এডমিন প্যানেলে গিয়ে Theme অপশনে জান।
থিমে যাওয়ার পর 🔻 বাটনে ক্লিক করে Restore মেনুতে যান। এই মেনুুতে যাওয়ার পর।
ইডিট করা ফাইলটি পুনরায় আপলোড করে নিন।
যদি আপনি এই কাজটি ঠিক ঠাক মতো করতে পারেন তবে আপনার ওয়েবসাইটে ফন্ট ইনেস্টাল করা সম্পুর্ন হলো। এখন আপনার সাইটের যে কোন পোষ্ট ভিজিট করে দেখুন কত সুন্দর ভাবে বাংলা লেখা গুলো আসছে।
আর যদি কাজ না হয় বা বুঝতে না পারেন তবে এই ভিডিওটি দেখে নিন।
Plz help me
ReplyDeletePost a Comment