CSS file not loading on HTML

Question

I am currently coding in notepad, not sure if that contributes to my issue or not. But I have changed the link to the css file multiple times and it is still not showing up on my web page. This is my code:

<DOCTYPE!>
<html>
<head>
<meta charset= "UTF-8'>
<meta name="description" content="resume">
<meta name="keywords" content="HTML, CSS, XML, JavaScript">
<meta name="author" content="Tayler Pierre">
<link href="/css/style.css" rel="stylesheet" type="text/css"/>
<link href="https://www.fontsquirrel.com/fonts/Caviar-Dreams rel='stylesheet' type='text/css'/>
</head>

I can not figure this out please help.

close quote is missing in href in lint tag. so change to <link href="https://www.fontsquirrel.com/fonts/Caviar-Dreams' rel='stylesheet' type='text/css'/> — Tamil Selvan C
– Tamil Selvan C, Commented Nov 23, 2018 at 4:29

Ben Tegoni · Accepted Answer · 2018-11-23 05:20:43Z

2

You have three errors in your code:

<meta charset= "UTF-8'>
<link href="https://www.fontsquirrel.com/fonts/Caviar-Dreams rel='stylesheet' type='text/css'/>
<DOCTYPE!>

Just for safety, also change:

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

Overall this is what your code should look like:

<!DOCTYPE html>
<html>
<head>
<meta charset= "UTF-8">
<meta name="description" content="resume">
<meta name="keywords" content="HTML, CSS, XML, JavaScript">
<meta name="author" content="Tayler Pierre">
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<link href="https://www.fontsquirrel.com/fonts/Caviar-Dreams" rel='stylesheet' type='text/css'/>
</head>

edited Nov 23, 2018 at 5:20

answered Nov 23, 2018 at 4:53

Ben Tegoni

2191 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Ben Tegoni Over a year ago

Why down vote? Have I done something wrong? I am pretty sure I covered all the errors but am fairly new here so could you let me know.

Kevin Over a year ago

Probably because someone felt the answer didn't add to the answers already given and your formatting is a bit strange, I'll suggest and edit.

Ben Tegoni Over a year ago

Ok no worries thanks for letting me know @KevinVoorn

Kevin Over a year ago

I didn't downvote though :) I suggested an edit which changed every single improvement to a code block with all improvements in place. This makes the answer more readable in my opinion.

Ben Tegoni Over a year ago

Thanks mate took on board your edits and simplified my original answer, also accepted your edit to improve your rep too :)

|

avlyn92 · Accepted Answer · 2018-11-23 04:35:43Z

0

Maybe you should try to properly close the href attribute of the last link tag.

<link href="https://www.fontsquirrel.com/fonts/Caviar-Dreams" rel="stylesheet" type='text/css'/>

answered Nov 23, 2018 at 4:35

avlyn92

491 bronze badge

Comments

Kevin · Accepted Answer · 2018-11-23 05:28:25Z

0

You are trying to include 2 different CSS files, it is unclear which one is not loading for you. In case your own style.css is not loading, you are probably trying to include it from a different path then where to actual file is.

For the https://www.fontsquirrel.com/fonts/Caviar-Dreams font file, you are missing " in the include it self. Replace the line with the following:

<link href="https://www.fontsquirrel.com/fonts/Caviar-Dreams" rel='stylesheet' type='text/css'/>

You have some other minor errors in your code, take a look at this answer of Ben Tegoni for some suggested improvements.

edited Nov 23, 2018 at 5:28

answered Nov 23, 2018 at 4:30

Kevin

8623 gold badges16 silver badges35 bronze badges

Collectives™ on Stack Overflow

CSS file not loading on HTML

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related