ব্লগারে ফন্ট ইনস্টল করুন একদম সহযেই
ব্লগারে ফন্ট ইনস্টল করুন একদম সহযেই। আমরা অনেকেই আছি যারা নতুন নতুন ব্লগারে ওয়েবসাইট খুলেছি আমরা ব্লগারে ফ্রন্ট ইনস্টল করতে পারি না। আজকের পোষ্টের মাধ্যমে আমরা শিখব কিভাবে ব্লগারে কাস্টম ফ্রন্ট ইনস্টল করতে হয়? কাস্টম ফ্রন্ট ইনস্টল করলে ব্লগার সাইটকে দৃষ্টিনন্দন করে দেখতে আকর্ষনীয় করে তুলে। পাঠকরা লেখাটি পড়তে বোরিং ফিল করে না।আপনি যদি আপনার ব্লগার সাইটে কাস্টম বাংলা ফ্রন্ট ইনস্টল করতে চান তাহলে এই পোষ্টটি মনোযোগ সহকারে পড়ুন। আজকের পোষ্টটি তে আমরা জানব কিভাবে ফ্রন্ট এড করবেন? এবং তার সাথে কিছু বাংলা ফ্রন্ট কালেকশন আপনাদের সাথে শেয়ার করব। সেইখান থেকে আপনি আপনার ইচ্ছেমতো আপনার যে ফ্রন্ট ভালোলাগে সেটা ইনস্টল করে নিতে পারবেন।
ব্লগারে ফন্ট ইনস্টল করুন
নিচে কিছু আকর্ষনীয় বাংলা ফ্রন্ট দেওয়া হলোঃ
এইখান থেকে আপনার পছন্দের ফ্রন্টটি কপি করে কোডের মধ্যে বসিয়ে দিবেন। কিভাবে বসাবেন কোথায় বসাবেন তা দেখিয়ে দিবো।
Solaiman Lipi / সোলাইমান লিপি বাংলা ফন্ট কোডঃ
<link href=”https://fonts.maateen.me/solaiman-lipi/font.css” rel=”stylesheet”/>
font-family: SolaimanLipi , sans-serif ;
Siyam Rupali / সিয়াম রুপালি বাংলা ফন্ট কোডঃ
<link href=”https://fonts.maateen.me/siyam-rupali/font.css” rel=”stylesheet”/>
font-family: SiyamRupali , sans-serif ;
Adorsho Lipi / আদর্শ লিপি বাংলা ফন্ট কোডঃ
<link href=”https://fonts.maateen.me/adorsho-lipi/font.css” rel=”stylesheet”/>
font-family: AdorshoLipi , sans-serif ;
Kalpurush / কালপুরুষ বাংলা ফন্ট কোডঃ
<link href=”https://fonts.maateen.me/kalpurush/font.css” rel=”stylesheet”/>
font-family: ‘ Kalpurush , sans-serif ;
Ekushey Lohit / একুশে লোহিত বাংলা ফন্ট কোডঃ
<linkh href=”https://fonts.maateen.me/ekushey-lohit/font.css” rel=”stylesheet”/>
font-family: EkusheyLohit , sans-serif ;
উপরে উল্লেখিত বাংলা ফ্রন্ট গুলো আপনি খুব সহজেই ইউস করতে পারবেন। কিভাবে ব্যবহার করবেন তা স্ক্রিন শর্টের মাধ্যমে দেখানো হলো ।
নিচের দেওয়া স্ক্রিন শট অনুযায়ী কাজ গুলো করুনঃ
ব্লগারে ফন্ট ইনস্টল করুন
ব্লগারে ফন্ট ইনস্টল করুন একদম সহযেই
আপনার ব্লগার প্যানেলে যাওয়ার পর উপরের ছবিটির মতো একটি থিম অপশন পেয়ে যাবেন। এখন থিম অপশনে চাপ দিন।
ব্লগারে ফন্ট ইনস্টল করুন
উপরে কথা মতো থিম অপশনে ক্লিক করার পর এই রকম একটা অপশন পাবেন। এই বাটনে চাপ দিন এবং পরবর্তী নির্দেশনা অনুসারে কাজ করুন।
ফাইলটি ওপেন হওয়ার পর <head> ট্যাগের নিচে এই কালার করা <link href=”https://fonts.maateen.me/solaiman-lipi/font.css” rel=”stylesheet”/> এই অংশ টুকু পেস্ট করে দিন। এইখানে সোলাইম্যান লিপি ফন্ট দেখানো হয়েছে।
: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 এই লেখাটি কপি করুন।
:root{–body-font:SolaimanLipi;–title-font:SolaimanLipi;–meta-font:SolaimanLipi;–text-font:SolaimanLipi}
এবং কোডটাকে সুন্দর করে পেষ্ট করলাম $ এবং ; মাঝখানে।
SolaimanLipi ফন্ট ফ্যামিলি কোড বসানোর পর উপরের ছবিটির মতো হবে। এর পর সেভ বাটনে চাপ দিয়ে সেভ করে নিবেন। তারপর আপনার ব্লগারের থিম অপশনে যান।
শেষকথা
Disclaimer: We do not guarantee that the information of this page is 100% accurate and up to date.