Why it's not working?

Question

https://code.sololearn.com/WPpihRgdYomi/?ref=app

Answer 1

See there are multiple things you should know

-> the link you are using is wrong and thats why error is coming
Just go to google fonts select the font then click the top right corner and copy import or link code in your code

-> Second thing the link u get won't work for @font-face because there is some differences I can't explain them there some interesting and informative link about them

https://css-tricks.com/dont-just-copy-the-font-face-out-of-google-fonts-urls/

https://stackoverflow.com/questions/21464837/font-face-with-google-font/21464973

-> third , it is nothing just solution of your code
https://code.sololearn.com/WHYOBbbiTd02/?ref=app

Answer 2

Oops sorry
Well you have a problem with your H1 by removing H1 your code's work
You should declare the font link in first line not in src

https://code.sololearn.com/WRJ5w3wQV6vv/?ref=app

see it hope you understand