Theme
Typography

Typography

You can install it by typing the below command in your terminal:


_10
npm install @fontsource/inter

or


_10
yarn add @fontsource/inter

theme/index.js

_21
import { createTheme } from "@mui/material";
_21
_21
// font variants
_21
import "@fontsource/inter/400.css";
_21
import "@fontsource/inter/500.css";
_21
import "@fontsource/inter/600.css";
_21
import "@fontsource/inter/700.css";
_21
_21
let theme = createTheme({
_21
typography: {
_21
fontFamily: "'Inter', sans-serif",
_21
body1: { fontSize: 16 },
_21
body2: { fontSize: 14 },
_21
h1: { fontSize: 48, fontWeight: 700, lineHeight: 1.5 },
_21
h2: { fontSize: 40, fontWeight: 700, lineHeight: 1.5 },
_21
h3: { fontSize: 36, fontWeight: 700, lineHeight: 1.5 },
_21
h4: { fontSize: 32, fontWeight: 600 },
_21
h5: { fontSize: 28, fontWeight: 600, lineHeight: 1 },
_21
h6: { fontSize: 18, fontWeight: 500 }
_21
}
_21
});

Reference

ShadowsMUI Component Override