How to add our custom font with material ui libarary ?

[Sid-Busa]

import React from 'react'
import './font.module.css'
import styles from './styles.module.css'
import {makeStyles} from '@material-ui/core/styles'
import { Button } from '@material-ui/core'

const useStyles = makeStyles((theme) => ({
root: {
color: 'red',
fontFamily: '"Gotham"',
}
}))

export const CustomButton = ({ children }) => {
const classes = useStyles()
return (
{children}
)
}

when i try to add custom font with material ui then it not reflect my another project where i reuse this CustomButton component