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?

Friday Ameh · Accepted Answer · 2018-06-27 10:25:59Z

26

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';
}

answered Jun 27, 2018 at 10:25

Friday Ameh

1,6841 gold badge12 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Is there any way to import it inside js extension reactjs because I am not using any css file instance use material-ui css

You can add it as link to your index.html should work correctly

jadlmir · Accepted Answer · 2018-06-27 11:53:32Z

4

inset the link in your index.html

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

answered Jun 27, 2018 at 11:53

jadlmir

5051 gold badge7 silver badges16 bronze badges