How to Add Google Fonts in HTML and CSS 2021

How you can add Google Fonts using HTML and CSS in 2021.

I use Visual Studio Code, but you can use any code editor.

In this tutorial, we use the Google font Oxygen but you can choose whatever font you want. Some of the fonts also include styles for you to include. Like italic, bold, and so on.

////////// Contact Me //////////

[vallenderie]

oh my god THANK YOU. I've been struggling for an hour because I couldn't find the add style thingy. It's so simple looking back but you really helped me out. :)

[marilynnmeraz]

Thank you! I'm a student and I was stuck on this for so long.

[connibh]

really simple and easy to follow! Thanks!

[salifshaikh]

Can we know which extensions are you using with your VScode?

[anvitpatel]

If you target h1 instead of body the default weight will be 400, you can not change it to 700 even if you use font-weight. I am stuck because of this problem