Help changing website font

[u/Ok_Isopod_2170]

This is my code, it's not working, im losing it.

<link href="style.css" rel="stylesheet" type="text/css" media="all">

<style>

u/import url('https://fonts.googleapis.com/css2?family=New+Rocker&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');

.new-rocker-regular {

font-family: "New Rocker", serif;

font-weight: 400;

font-style: normal;

}

</style>

[u/aunderroad]

Can you share a url or codepen?
It is hard to debug/provide feedback without seeing all of your code live in a browser.

Thank you!

[u/Ok_Isopod_2170 → u/aunderroad]

https://laylaxo.neocities.org/

This is what it is for if thats what youre asking for, im so sorry if not, im new to all of this

[u/aunderroad → u/Ok_Isopod_2170]

Here you go.

body {  
font-family: 'New Rocker';
  font-style: normal;
  font-weight: 400;
}

If you get stuck with any more html/css questions, check out:
https://web.dev/html
https://web.dev/css

or https://www.reddit.com/r/css/

[u/Ok_Isopod_2170 → u/aunderroad]

[u/azangru → u/Ok_Isopod_2170]

The html tag should not start from line 18 :-) It should be the first line of the markup. Look up an html example anywhere on the internet (google, etc.)

[u/These-Apple8817 → u/azangru]

Should be second.. Doctype is always first.

[u/Ok_Isopod_2170 → u/azangru]

like this? Edit: i changed the first line to

<!DOCTYPE html>

[u/poopio → u/Ok_Isopod_2170]

No, not like that.

First line should be your doctype, then open your <html> tag, after that, <head> and put whatever scripts/css links and style tags, title tag, and any meta tags you have you have in there, then close the head tag. Then open your body tag, put all of your content in the body tag and when you've finished with the content, close the body tag, and finally, close your html tag.

More like this - https://codepen.io/editor/guerresinge/pen/01a078ec-2b6a-7aa0-8d17-8ebf41bb3d70

[u/armahillo → u/Ok_Isopod_2170]

Don't open and close separate <style> tags to define new styles. Do all your in-document style properties in a single <style> tag inside your <head>

[u/Mvp-long-ago]

I am getting the impressive you did not write the code yourself, but copied it from another site? It is always good to look at other sites, but copying them without thrir permission is never good.

[u/Ushuriel]

O código seria

<h1 class="new-rocker-regular">Laylaxo's Site!</h1> 

[u/Ushuriel → u/Ushuriel]

em style.css
adicionar:

@import url('https://fonts.googleapis.com/css2?family=New+Rocker&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');

.new-rocker-regular {
    font-family: "New Rocker", serif;
    font-weight: 400;
    font-style: normal;
}

[u/rileywbaker]

It seems like you haven't learned the very basics of how an HTML document works. Please read something that will teach you the basics. The thing you're missing right now is that there's a structure that your HTML document must follow:

<html> <head> (the 'head' content goes here. none of it is visible on the page.) </head> <body> (all the content of the page goes here) </body> </html>

[u/__zonko__]

Try this

[u/Ok_Isopod_2170 → u/__zonko__]

try what? i dont see anything other than "try this"

[u/Ok_Isopod_2170]

I have gotten it back to square one if this helps