টিপস এন্ড ট্রিকস

ব্লগারে বাংলা ফন্ট যুক্ত করার উপায়! ব্লগারে কাস্টম ফন্ট ইনস্টল করুন।

ব্লগারে কিভাবে বাংলা ফন্ট যুক্ত করবো?

বর্তমানে ওয়েবে অসংখ্য বাংলা সাইট রয়েছে। ইন্টারনেটে বাংলা ভাষায় ব্লগ, ওয়েবসাইট, নিউজ, গল্প, কবিতা, প্রযুক্তিগত ব্লগ ও ইত্যাদি ধরনের মেগাজিন সাইট বিদ্যমান।

ব্লগার এমন একটি প্লাটফর্ম যার সাহায্যে বাংলা ব্লগ তৈরি করা যায়। উদাহরণ হিসেবে আমাদের সাইট ধরে নিতে পারেন। হ্যাঁ আমাদের সাইটটি ব্লগার দিয়ে তৈরি। 

ব্লগার হোক বা ওয়ার্ডপ্রেস অথবা অন্য কোন সিএমএস, বাংলা সাইটে যদি বাংলা ফন্ট না থাকে তাহলে ভিজিটরদের আকৃষ্ট করা যায়না। কেননা ডিফল্ট বাংলা ফন্ট দেখতে হিজিবিজি এবং অস্পষ্ট হয়ে থাকে। 

আর তাই আজকের আর্টিকেলে আপনাদের শেখাবো কিভাবে ব্লগার সাইটে বাংলা ফন্ট যুক্ত করতে পারেন। এই আর্টিকেলে মোট দুটি বাংলা ফন্ট যুক্ত করা শেখাবো। মজার বিষয় হলো আপনি যদি যেকোন একটি বাংলা ফন্ট একবার আপনার ব্লগার সাইটে যুক্ত করতে পারেন তাহলে যেকোন বাংলা ফন্ট অথবা ইংলিশ ফন্ট যেকোন ব্লগার থিমে সহজেই যুক্ত করতে পারবেন।

এই আর্টিকেলে আমি মোট দুটি বাংলা ফন্ট যুক্ত করা দেখিয়েছি। প্রথমে দেখিয়েছি ব্লগারে সোলাইমান লিপি বাংলা ফন্ট যুক্ত করার উপায়, এবং পরে দেখিয়েছি ব্লগারে হিন্দ শিলিগুরি ফন্ট যুক্ত করার উপায়।

ব্লগারে কেন বাংলা ফন্ট যুক্ত করবেন?

বাংলা ব্লগে বাংলা ফন্ট ইনস্টল করা না থাকলে অনেক ক্ষেত্রেই ফন্টে সমস্যা দেখা যায়। ফন্ট ভেঙ্গে যাওয়া থেকে শুরু করে সঠিকভাবে ফন্ট শো না করা ইত্যাদি নানা সমস্যা দেখা যায়।

এরকম ফন্ট জনিত সমস্যা সমাধানের উদ্দেশ্য নিয়েই আজকের এই পোস্ট। এই পোস্টে আমি দেখাবো ব্লগারে কিভাবে বাংলা ফন্ট সেট আপ করতে হয়।  আপনারা হয়তো ইতিমধ্যেই খেয়াল করেছেন আমার ব্লগেও একটি ফন্ট সেট আপ করা আছে। 

বাংলা  কাস্টম ফন্ট সেট আপ করা বা ইনস্টল করা থাকলে সাইটের লিখাগুলো বেশ সুন্দর দেখায়। আপনারা যদি খেয়াল করেন তাহলে বুঝতে পারবেন দেশের সকল নিউজ ওয়েবসাইটগুলোও বাংলা কাস্টম ফন্ট ব্যবহার করে।

কাস্টম ফন্ট ব্যবহার করার বেশ কিছু কারণ রয়েছে। সেগুলোর মধ্যে অন্যতম কারণ হলো ব্লগ বা সাইটের লেখা সুন্দরভাবে দেখানো। তো যাই হোক চলুন জেনে নেই কিভাবে আপনার ব্লগার সাইটে বাংলা কাস্টম ফন্ট সেট আপ বা ইনস্টল করবেন।

ব্লগারে সোলাইমান লিপি ফন্ট যুক্ত/ সেটা আপ করার উপায়

  • প্রথমে Blogger.com এ লগ ইন করুন।
  • তারপর ব্লগার ডেশবোর্ড থেকে “Theme” অপশনে যান।
  • নিরাপত্তার জন্য আপনার বর্তমান থিমটি ব্যাক আপ করে নিন।
  • তারপর ‘Edit HTML’ বাটনে ক্লিক করুন।
  • এবার <head> ট্যাগ খুজে বের করুন এবং নিচের কোডগুলো <head> ট্যাগ এর নিচে পেস্ট করুন।

<link href="https://fonts.maateen.me/solaiman-lipi/font.css" rel="stylesheet"/>

  •  উপরের কোড <head> ট্যাগ এর নিচে বসানোর পর <body> ট্যাগ খুজে বের করুন।
  •  এবার <body> ট্যাগ এর নিচে নিচের কোডগুলো পেস্ট করে দিন।

<!--Solaimanlipi CSS starts--><style> @import url('https://fonts.maateen.me/solaiman-lipi/font.css');</style><!--Solaimanlipi CSS ends-->

  •  এবার “font-family:” লিখে আপনার থিমে কোন ফন্ট ব্যবহার করা হয়েছে তা খুজে বের করুন। ফন্ট দেখতে অনেকটা নিচের মতো হবে।

font-family: arial, sans-serif;

  • এবার “arial” এর জায়গায় নিচের মতো “SolaimanLipi” লেখা পেস্ট করে দিন। আপনার থিমে “arial” ফন্ট নাও থাকতে পারে। যে ফন্ট থাকবে সেটি রিমুভ করে “SolaimanLipi” বসিয়ে দিন।

font-family: 'SolaimanLipi', sans-serif !important;

  • আপনার থিমে যতগুলো “arial” লেখা থাকবে সব জায়গায় “SolaimanLipi” বসিয়ে “Save Theme” বাটনে ক্লিক করে থিম সেভ করুন।

যদি font-family: Font Awesome অথবা font-family: Font Inherit থাকে তাহলে পরিবর্তন করবেন না। এতে থিমের ডিজাইন ও আইকনগুলো শো হবেনা।

  • এবার আপনার সাইটে রিফ্রেশ করে দেখুন আপনার সাইটে বাংলা ফন্ট যুক্ত করা হয়ে গেছে।

আপনি যদি সবকিছু সঠিকভাবে ফলো করে কাজটি সম্পন্ন করেন তাহলে কোন সমস্যা ছাড়াই আপনার ব্লগার সাইটে বাংলা ফন্ট যুক্ত হয়ে যাবে।

প্রথমে জানলাম ব্লগারে সোলাইমান লিপি বাংলা ফন্ট যুক্ত করার উপায়, এবার চলুন জেনে নেই ব্লগারে হিন্দ শিলিগুরি ফন্ট যুক্ত করার উপায়। আমাদের ব্লগে যে ফন্ট দেখতে পাচ্ছেন সেটিই হলো হিন্দ শিলিগুরি ফন্ট।

ব্লগারে হিন্দ শিলিগুরি ফন্ট যুক্ত/ সেট আপ করার উপায়

  • প্রথমে Blogger.com এ লগ ইন করুন।
  • তারপর ব্লগার ডেশবোর্ড থেকে “Theme” অপশনে যান।
  • নিরাপত্তার জন্য আপনার বর্তমান থিমটি ব্যাক আপ করে নিন।
  • তারপর ‘Edit HTML’ বাটনে ক্লিক করুন।
  • এবার <head> ট্যাগ খুজে বের করুন এবং নিচের কোডগুলো <head> ট্যাগ এর নিচে পেস্ট করুন।

<link href='https://fonts.googleapis.com/css2?family=Hind+Siliguri:[email protected]&amp;display=swap' rel='stylesheet'/>

  •  উপরের কোড <head> ট্যাগ এর নিচে বসানোর পর <body> ট্যাগ খুজে বের করুন।
  •  এবার <body> ট্যাগ এর নিচে নিচের কোডগুলো পেস্ট করে দিন।

<style> @import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri&display=swap'); </style>

  •  এবার “font-family:” লিখে আপনার থিমে কোন ফন্ট ব্যবহার করা হয়েছে তা খুজে বের করুন। ফন্ট দেখতে অনেকটা নিচের মতো হবে।

font-family: arial, sans-serif;

  • এবার “arial” এর জায়গায় নিচের মতো “Hind Siliguri” লেখা পেস্ট করে দিন। আপনার থিমে “arial” ফন্ট নাও থাকতে পারে। যে ফন্ট থাকবে সেটি রিমুভ করে “Hind Siliguri” বসিয়ে দিন।

font-family: 'Hind Siliguri', sans-serif;

  • আপনার থিমে যতগুলো “arial” লেখা থাকবে সব জায়গায় “Hind Siliguri” বসিয়ে “Save Theme” বাটনে ক্লিক করে থিম সেভ করুন।

যদি font-family: Font Awesome অথবা font-family: Font Inherit থাকে তাহলে পরিবর্তন করবেন না। এতে থিমের ডিজাইন ও আইকনগুলো শো হবেনা।

  • এবার আপনার সাইটে রিফ্রেশ করে দেখুন আপনার সাইটে বাংলা ফন্ট যুক্ত করা হয়ে গেছে।

সব থিমে “arial” ফন্ট থাকবে এমনটা কিন্তু নয়। একেক থিমে একেক ফন্ট ব্যবহার করা হয়ে থাকে। আপনার থিমে যে ফন্ট আছে সেটি খুজে বের করে সেটির জায়গায় আপনার কাঙ্কিত ফন্টের নাম রিপ্লেস করে দিলেই ফন্ট পরিবর্তন হয়ে যাবে।

আর্টিকেল সমন্ধে কোন মতামত থাকলে অবশ্যই কমেন্ট করবেন। ব্লগারে বাংলা ফন্ট যুক্ত করতে না পারলে অথবা ব্লগার সাইটের যেকোন সমস্যার সম্মূখীন হলে আমাদের সাথে যোগাযোগ করুন। আমরা আপনাকে সহযোগিতা করার চেষ্টা করবো।

সম্পর্কিত আর্টিকেল

মন্তব্য করুন

আপনার ই-মেইল এ্যাড্রেস প্রকাশিত হবে না। * চিহ্নিত বিষয়গুলো আবশ্যক।

Back to top button

অ্যাডব্লকার ডিটেক্টেড

আপনি সম্ভবত অ্যাডব্লকার ব্যবহার করছেন। আমাদের সাইট ভিজিট করতে চাইলে অবশ্যই অ্যাডব্লকার ডিজেবল করতে হবে।