I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
I’m not sure i fully understand what you’re asking. What you have now, when i put it in codepen (in the correct places) the font that you have linked in the html & css shows up.
If you are wanting to change your font, you will need to change your url & you will need to change your css.
ACTUALLY- i think i know what the issue is. your <link> tag needs to either be in the HTML section on codepen, or it needs to be in the head section that’s located in HTML settings for codepen. it should NOT be in the CSS.
That font might be what your browser considers as “cursive” which is what it’s looking for when it cant find the font you tell it to use.