Using google font in Tailwindcss

Select google font

Paste google font provided link stylesheet in the html page

<!-- google font -->
<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=Edu+QLD+Beginner&display=swap" rel="stylesheet">

Open the tailwind config file & add the code under extend

theme: {
   extend: {
         fontFamily: {
                  'tera-font' : ['Edu QLD Beginner','cursive']
                     }
            }
},

Now anywhere in the code base just add the class font-tera-font