How to load offline fonts and use them in react js?

Question

I have a Layout component and I import a css file iniside it :

import React from \'react\';
import { Helmet } from \'react-helmet\';

// Components
import Header