While using createGlobalStyle from styled-components for global styling, everything seems to be working fine except for applying Google fonts. I have tried multiple ways but can't seem to get it to work.
Here's the code snippet:
import { createGlobalStyle } from "styled-components"
const GlobalStyle = createGlobalStyle`
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&display=swap");
body {
font-family: "Manrope", sans-serif;
}
`
I have also attempted this approach:
*{
font-family: "Manrope", sans-serif;
}