How to use Google fonts in React.js?

Question

I had built a website with React.js and webpack.

I want to use Google fonts in the webpage, so I put the link in the section.

Go

Answer 1

If you are using Create React App environment simply add @import rule to index.css as such:

@import url('https://fonts.googleapis.com/css?family=Anton');

Import index.css in your main React app:

import './index.css'

React gives you a choice of Inline styling, CSS Modules or Styled Components in order to apply CSS:

font-family: 'Anton', sans-serif;