403 error forbidden - Updated Faux Pizza site

[W1kd3lmnt5]

Website URL

http://willstorey.infinityfreeapp.com/horizontal

Error Message

403 Forbidden

Server or website configuration is blocking you from viewing this page

Other Information

I’m trying to upload my updated website with copied file from my original files with updated code and added style.css for my school assignment but after I uploaded my work, the site redirected to the 403 error. Is there any way to fix this?

[KangJL]

@W1kd3lmnt5

Is there any way to fix this?

Read on

Redirected to InfinityFree 403 Forbidden page

While working on your website, you may be redirected to the InfinityFree 403 error page. This article explains why this can happen, and what you can do to solve it. The website directory is missing (or is in the wrong location) Before checking your website, you should double check the directory on your account that your domain name is linked to. By default, when you create a website with a certain domain name, that domain name will be linked to the folder named htdocs. Any additional domains …

[W1kd3lmnt5]

Yeeah … this is isn’t helping at all because my directory is not missing and the file to horizontal does contain the index.html.

[Frank419]

@W1kd3lmnt5

does contain the index.html

It does?

Is it exactly index.html, or it is just Index.html, index.HTML, or other things?
Remember that the servers are case sensitive.

[W1kd3lmnt5]

Exactly all lowercase, not a single uppercase. I used notepad++ to ensure it’ll set to lowercase when the files are created/saved.

[KangJL]

@W1kd3lmnt5

file to horizontal does contain the index.html.

Wrong, I see E404

This should help

Redirected to InfinityFree 404 error page

While working on your website, you may be redirected to the InfinityFree 404 error page. This article explains why this typically happens and what you can do to fix this. Why do I get a 404 error When you try to access a file on a website, the server tries to find the matching file to load. By default, it works like this. Suppose you have a website http://example.com which is linked to the folder htdocs in your hosting account. If you then try to load a certain URL, like http://example.com/blo…

[W1kd3lmnt5]

… please disregard my recent posts as I just got the instruction wrong and got my files in proper order in the proper directories. It’s working but the only issue is the font I plugged in is not showing on every computer, only on mine. Is it the css problem or does it need a file for the site to work?

[Jri-Creator]

@W1kd3lmnt5

Is it the css problem or does it need a file for the site to work?

Did you upload the font file to the site so that everyone can see it? If it only works on your computer, then only your computer has the font file right now.

[lovebug]

The font-family line in your css will not display correctly as browsers will only display websafe fonts as standard

/* Body styling */
body {
	font-family: Black Pizza;
	background-color: #CFB54F;
}

You’ll need to upload the font to your website and do something like this (adjust file/directory names to suit)

/* My Pizza Font*/
@font-face
{
	font-family: Pizza;
	src: url('Pizza.ttf') format('truetype');
}
/* Body styling */
body {
	font-family: Pizza;
	background-color: #CFB54F;
}

Click this link below for more details

W3Schools.com