Live site not displaying images / fonts after FTP

[benroberts2986]

Hi, im a beginner with Filezilla FTP hosting and have been given details for a webserver which works fine except a lot fo the images are not showing and the fonts don't seem to be coming through.

Am i doing something wrong with the filepaths to the images? it's weird how some show and some don't.

Below is a screenshot of the filepath and here are some html / css examples of images that dont show.

File structure image is attached. Couldn't work out how to get it here form imgur.

Code: Select all

.header {
	width: 100%;
	height: 500px;
	background-image: url(/images/main-hero-image.png);
	@font-face {
	font-family: Blippo;
	src: url(/fonts/Blippo-Black-Regular.otf);
}
	

Code: Select all

<li>
							<a href="#"><img src="images/search-icon.png" alt="search" /> </a>
						</li>
						<li>
							<a href="#"><img src="images/shopping-cart icon.png" alt="cart" /></a>
						</li>