Using google font in Tailwindcss


How to add google font in tailwindcss

1. Select google font

2. Paste google font provided link stylesheet in the html page

<!-- google font -->
<link rel="preconnect" href="">
<link rel="preconnect" href="" crossorigin>
<link href="" rel="stylesheet">

3. 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