React Font Loader
React Font Loader works with any Google Fonts for instance. Ideally you would use it inside a layout component that wraps everything or a Theme Provider.
yarn add react-font-loader
Use as a component
const App = { return <div> <ReactFontLoader url='https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@700&display=swap' /> <h1 style= fontFamily: 'Red Hat Display' >Custom font</h1> </div> }
Use as a hook
const App = { return <div> <h1 style= fontFamily: 'Red Hat Display' >Custom font</h1> </div> }