Google Fonts open-source font-এর একটি ফ্রি, hosted library — কোনো download বা server setup দরকার নেই, শুধু একটি link tag আর একটি CSS rule।
তাদের সাইটে বেছে নেওয়া যেকোনো font আর weight-এর জন্য Google Fonts একটি <link> tag generate করে — এটা <head>-এর ভেতরে যোগ করুন।
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">body {
font-family: 'Poppins', sans-serif;
}Font নামের পরের generic sans-serif ব্যবহৃত হয় যদি Google Fonts file load হতে ব্যর্থ হয় — একটি ধীর connection, একটি ad blocker, বা service সংক্ষেপে down থাকা। সবসময় একটা রাখুন।
Font একটি CSS file-এর ভেতর থেকেও load করা যায়, যদিও <link> পদ্ধতি সাধারণত দ্রুত load হয়।
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');display=swap বাদ দেবেন না
display=swap parameter সাথে সাথে fallback font দেখায় আর custom font load হলে সেটা swap করে — এটা ছাড়া, font download হওয়ার সময় টেক্সট মুহূর্তের জন্য অদৃশ্য থাকতে পারে।