How to add fonts to create-react-app based projects?

Question

I\'m using create-react-app and prefer not to eject.

It\'s not clear where fonts imported via @font-face and loaded locally should go.

Namely,

Answer 1

1. Go to Google Fonts https://fonts.google.com/
2. Select your font as depicted in image below:

3. Copy and then paste that url in new tab you will get the css code to add that font. In this case if you go to

https://fonts.googleapis.com/css?family=Spicy+Rice

It will open like this:

4, Copy and paste that code in your style.css and simply start using that font like this:

      
          React Rock
        

Result: