How to import a stylesheet from external source in react?

Question

I mean icons from fontawesome or fonts from google fonts. In HTML i place something like this in the head:

<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">

What about react?

Answer 1

You can just import it in your style sheet like so

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

And your body style will become

body {
  font-family: 'Roboto';
}

Answer 2

inset the link in your index.html

<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">