Google Fonts not rendering properly

Coding Help
1

I imported a font called Roboto Light from google fonts.
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300&display=swap');

It works perfectly in the preview next to the code, until I open my website on browser, and instead of Roboto Light, it displays roboto.

  font-family: "Roboto";
  color: black;
  margin: 0;
}

why is this happening?

2

Try setting font-weight: 100 or 300 in the CSS for the text you want to be light.

2 Likes
3

thanks! this solved my problem!

4

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.