আমরা যারা বাংলা ভাষায় ব্লগ লিখি আমাদের ব্লগের পোস্ট সুন্দর দেখানোর জন্য আমরা আমাদের ব্লগে বিভিন্ন কাস্টম ফন্ট ব্যবহার করে থাকি।
এতে করে আমাদের ব্লগের লোডিং স্পিড করে যায়। কেমন হয় যদি ব্লগের লোডিং স্পিড ঠিক রেখে ব্লগে কাস্টম ফন্ট ব্যবহার করা যায়।
আপনিও যদি একজন ব্লগার হয়ে থাকে তাহলে আজাের পোস্টটি শুধু আপনার জন্যই। কারন আজকে এই পোস্টে আমি আপনাদের দেখাবো কীভাবে ব্লগে কাস্টম ফন্ট ব্যবহার করবেন ব্লগের লোডিং স্পিড ঠিক রেখে।
আমরা অনেকেই সরাসরি ফন্টের লিংক ব্লগের <head> ট্যাগের মধ্যে রেখে দিই। এতে করে ব্লগের সাথে ফন্টটাও লোড হয়। ফলে ব্লগের লোডিং স্পিড করে যায়।
কিন্তু আপনি যদি কিছু টেকনিক অনুসরণ করেন তাহলে সহজেই এই সমস্যাটি এড়ানো যায়। এই সমস্যাটি এড়ানোর জন্য আমরা জাভাস্ক্রিপ্ট কোড ব্যবহার করতে পারি।
জাভাস্ক্রিপ্ট কোড আমাদের ব্লগে ফন্ট লোড হতে কিছুটা সময় দেয় মানে ব্লগ সম্পূর্ণ লোড হওয়ার কিছুক্ষন পর ফন্ট লোড করে। এতে করে ব্লগের লোডিং স্পিড ঠিক থাকে।
যেকোনো ডিভাইসে খুব দ্রুত ব্লগ লোড হয়। যা ব্লগের SEO এর জন্য খুবই গুরুত্বপূর্ণ।
ব্লগের লোডি স্পিড ঠিক রেখে ফন্ট ব্যবহার করার উপায়
<script>
setTimeout(() => {
var cfont=document.createElement("link");
cfont.href="https://fonts.maateen.me/solaiman-lipi/font.css",cfont.rel="stylesheet",
document.head.appendChild(cfont)},5000);
</script>
অথবা নিচের কোডটি
<script>setTimeout(() =>{
var FontStyle=document.createElement('style');
FontStyle.textContent='@font-face{font-family:"SolaimanLipi";src:url("https://fonts.maateen.me/solaiman-lipi/SolaimanLipi.woff")format("woff");font-weight:normal;font-style:normal;} body{font-family:"SolaimanLipi";}';
document.head.appendChild(FontStyle);},5000);</script>