React Version
Angular Version
VueJs Version
NextJs Version
NuxtJs Version
Bootstrap Version
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=DM+Sans:wght@400;500;600;700&display=swap"
rel="stylesheet"
/>
</head>
<body>
...
</body>
</html>
2) Change Font family : src/theme/Typography.js
const typography: any = {
fontFamily: "'DM Sans', sans-serif;",
h1: {
fontWeight: 600,
fontSize: '2.25rem',
lineHeight: '2.75rem',
},
}