Typography

Google fonts

1) Change the google fonts link as per your choice : public/index.html
                        
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <link
        href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
        rel="stylesheet"
        />
    </head>

    <body>
    ...
    </body>
</html>
2) Change Font family : src/theme/Typography.tsx
                        
const typography: any = {
fontFamily: "'Poppins', sans-serif;",
h1: {
  fontWeight: 500,
  fontSize: '2.25rem',
  lineHeight: '2.75rem',
    },
}