Font Not applying in React Application

Question

I am importing fonts from google fonts and applying that fonts on all elements of index page.

But not applying these fonts

In index.html

<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">

index.css

 .body {
  margin: 0;
  padding: 0;
  font-family: 'Press Start 2P'; }

@GuyIncognito probably he is applying this `font` on class `body` not on `` tag — Fareed Khan, Jun 23 '20 at 11:20

score 1 · Answer 1 · answered Jun 23 '20 at 11:20

See this works, maybe you are trying to change in the body tag, replace .body with body

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
body {
  margin: 0;
  padding: 0;
  font-family: 'Press Start 2P', cursive;
}

Hello World!

Font Not applying in React Application

1 Answers1