HELP me with this , THANK YOU

HTML-CSS
1 
@import url( link that copy from google');
/* decoration*/
<style>
	/*font-family: 'Gloria Hallelujah', cursive;
	font-family: 'Kaushan Script', cursive;*/
	title{
		font-family: Orbitron;
	}
	h1{
		font-family: Dancing Script, cursive;
		font-size: 32px;
	}
</style>



<!DOCTYPE html>
<html>
<head>
	<title>WELCOME TO MY PAGE </title>
	<meta charset="UTF-32">
	<meta name="My first design page" content="This is the first time i start to design something">
	<link rel="stylesheet" type="text/css" href="./designpart1">
</head>
<body>
	<header>
		<h1 align="center">This is about some weeaboo and gaming life style of me </h1>
	</header>
	<main>
		
	</main>	
</body>
</html>

so after i imported the font but it did not work

2

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 easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums

3

The @import is CSS, but it is not in your CSS (in the style block).

4

Hi, i have made changes in you code plz check it.

style sheet code

/*calling font styles from google fonts*/
		@import url('https://fonts.googleapis.com/css?family=Dancing+Script');
		@import url('https://fonts.googleapis.com/css?family=Orbitron');

		title{
			font-family: Orbitron;
		}
		h1{
			font-family: "Dancing Script", cursive;
			font-size: 32px;
		}

Html code:

<!DOCTYPE html>
<html>
<head>
	<title>Testing code</title>
	<meta charset="UTF-32">
	<meta name="My first design page" content="This is the first time i start to design something">
	<link rel="stylesheet" type="text/css" href="./designpart1">
</head>
<body>
	<header>
		<h1 align="center">This is about some weeaboo and gaming life style of me </h1>
	</header>
	<main>
		
	</main>	
</body>
</html>

it’s working fine :wink:

5

yeah, i still have 1 site that worked fine with that and somehow the code above was not working for some how , i am so confuse
i have 1 page which was made for fun not for design yet and it worked perfect but this one i created i new folder and difference css file

6

thank you so much <3

7

your code not working for me i am so confuse :smile:
btw your code is perfect clean <3

8

the @import to line is from css file
i just copied them all out to make sure

9

Hi, i have imported the font style from google fonts just check the below code once and give me reply.

<!DOCTYPE html>
<html>
<head>
	<title>Testing code</title>
	<meta charset="UTF-32">
	<meta name="My first design page" content="This is the first time i start to design something">
	<link rel="stylesheet" type="text/css" href="./designpart1">
	<style type="text/css">
		/*calling font styles from google fonts*/
		@import url('https://fonts.googleapis.com/css?family=Dancing+Script');
		@import url('https://fonts.googleapis.com/css?family=Orbitron');

		title{
			font-family: Orbitron;
		}
		h1{
			font-family: "Dancing Script", cursive;
			font-size: 32px;
		}
	</style>
</head>
<body>
	<header>
		<h1 align="center">This is about some weeaboo and gaming life style of me </h1>
	</header>
	<main>
		
	</main>	
</body>
</html>

now check the code past all the code at one place. you can import the fonts from google fonts website.

10

Yes when coding like this is working fine
however when i seperated CSS and HTML file it did not work well

11

Are you sure it was it only the font import that did not work when using a file for the CSS?

Your link to the stylesheet is missing the file extension (.css)

<link rel="stylesheet" type="text/css" href="./designpart1.css">

Or if “designpart1” is a folder then it’s missing the file name all together:

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

1 Like
12

Hi, Yes follow the lasjorg. he had shown how to link your style sheet. You have to link your style sheet in main head of every page

1 Like