Fonts imported into css apply in development server but not in deployed production build

Question

I have a React app created via npx create-react-app and I have imported two fonts into the App.css file.
This is the relevant CSS code: