Trouble with Google font


My font code appears to have no effect on web browsers ( Chrome, Mozilla and IE). This does work when I run it on Codepen however. I was wondering if anyone had any suggestions. Thanks.

This is the code:

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie+edge">
<link rel="preconnect" href="">
<link rel="preconnect" href="" crossorigin>
<link href=";500&display=swap" rel="stylesheet">
<link rel="stylesheet.css" href="style.css">

    <h1> test title</h1>


    font-family: 'Poppins', sans-serif;

It might be a plug-in issue on those browsers(?)

Check out the dev forum here. They might have an answer: