Typography
Google Fonts
1) Change the google fonts link as per your
choice : index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link
href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&display=swap"
rel="stylesheet"
/>
</head>
<body>
...
</body>
</html>
2) Change Font family : tailwind.config.ts
fontFamily: {
sans: ['Manrope', 'system-ui', 'serif'], // Define a custom sans-serif font family
},
Google Fonts
1) Change the google fonts link as per your choice : index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link
href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&display=swap"
rel="stylesheet"
/>
</head>
<body>
...
</body>
</html>
2) Change Font family : tailwind.config.ts
fontFamily: {
sans: ['Manrope', 'system-ui', 'serif'], // Define a custom sans-serif font family
},