Using google font in Tailwindcss

<!-- 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">
theme: {
extend: {
fontFamily: {
'tera-font' : ['Edu QLD Beginner','cursive']
}
}
},