আমাদের কোন আপডেট মিস না করতে গুগল নিউজে ফলো করতে এখানে ক্লিক করুন

ওয়েবসাইটে কাস্টম ফন্ট কিভাবে এড করবেন?

 ওয়েবসাইটে কাস্টম ফন্ট কিভাবে এড করবেন?

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

ওয়ার্ডপ্রেস ওয়েবসাইটে কিভাবে কাস্টম ফন্ট এড করবো?

সিএমএস এর জনপ্রিয়তার দিক দিয়ে বর্তমানে ওয়াডপ্রেস সবচেয়ে এগিয়ে। তাই ওয়ার্ডপ্রেস দিয়ে শুরু করছি। ওয়ার্ডপ্রেসের একটি প্লাগিন দিয়ে খুব সহজেই আমরা  আমাদের ওয়েবসাইটে কাস্টমস অ্যাড করতে পারবো। চলুন তাহলে শুরু করি। 


GOOGLE FONT


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

ব্লগার ওয়েবসাইটে কিভাবে কাস্টম ফন্ট এড করবো?

ওয়ার্ডপ্রেস ওয়েব সাইটে খুব সহজেই  কাস্টম ফন্ট এড করা গেলেও ব্লগারে তাই একটু কঠিন।  তবে নিচের পদ্ধতিগুলো অনুসরণ করে  খুব সহজেই আপনি আপনার ব্লগার ওয়েবসাইটের চেঞ্জ করতে পারবেন। 

  • প্রথমেই ব্লগার এর সেটিং থেকে থিমে যাবো  এবং ব্যাকআপ করে  নিব। এবার এডিট এইচটিএমএল এ ক্লিক করব।
  • Ctrl + F চেপে  সার্চ বক্সে </head> লিখে সার্চ দিব।  এবং এই ট্যাগের উপরে আমরা যে ফোনটি ব্যবহার করতে চাচ্ছি তার এইচটিএমএল কোড টা বসিয়ে দিবো।

ফন্ট এর এইচটিএমএল কোড কোথায়  পাবো?

গুগল ফন্ট এর ওয়েবসাইট থেকে খুব সহজেই আমরা যেকোনো গুগোল ফন্ট এর এইচটিএমএল কোড  বের করতে পারবো।  প্রথমে গুগোল ফন্ট ওয়েবসাইটে ঢুকে আমরা আমাদের কাঙ্খিত ফন্টটি সার্চ করে ভিতরে ঢুকবো। এবার ডান দিকে থাকা Select this Style এ ক্লিক করলেই ডানদিকে একটা পপ আপ উইন্ডো আসবে।  এখান থেকেই আমরা ফন্ট এর এইচটিএমএল কোড  এবং ফন্ট ফ্যামিলি (CSS এ ব্যবহৃত) কি তা জানতে পারবো।

Google Font HTML code

এইচটিএমএল এর কাজ শেষ,  এবার আমাদের সিএসএস এর কাজ রয়েছে। 

  • পূর্বের মতোই Ctrl + F চেপে  সার্চ বক্সে যাবেন এবং এবারে font-family: লিখে সার্চ করব। 
  • এবার অন্য ফন্টের জায়গায় আমাদের কাঙ্ক্ষিত ফন্ট নাম বসিয়ে দিব। এভাবেই প্রত্যেকটি font-family  তে  আমরা আমাদের কাঙ্খিত ফন্টের  নাম বসিয়ে দেব ।

সবগুলো ফন্ট ফ্যামিলিতে আমাদের কাঙ্ক্ষিত ফন্ট টি বসিয়ে দেয়ার পর আমরা Save এ ক্লিক করব। এবার না আমাদের ব্লগের ঢুকলে দেখতে পারব আমাদের পূর্বের ফন্ট টি আর নেই এবং আমরা যে ফন্ট টি ব্যবহার করতে চেয়েছিলাম  সেটা চলে এসেছে।

বিঃ দ্রঃ font-family:FontAwesome থাকলে সেটা পরিবর্তন করবেন না।

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

আমি মেরাজুল ইসলাম, একজন বাংলাদেশী ব্লগার। ব্লগিং এর পাশাপাশি আমি ওয়েবসাইট ডিজাইন, কন্টেন্ট রাইটিং, কাস্টমাইজ সহ ওয়েব রিলেটেড অনেক কাজ করি।

একটি মন্তব্য পোস্ট করুন

Youtube Channel Image
Ekai100 ব্লগিং বিষয়ে নতুন কিছু জানতে সাবক্রাইবার করুন
Subscribe