CSS file not loading on HTML
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.
html css file
asked Nov 23 '18 at 4:23
Tayler Pierre
81
add a comment |
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.
html css file
asked Nov 23 '18 at 4:23
Tayler Pierre
81
3
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
Nov 23 '18 at 4:29
add a comment |
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.
html css file
asked Nov 23 '18 at 4:23
Tayler Pierre
81
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.
html css file
html css file
asked Nov 23 '18 at 4:23
Tayler Pierre
81
asked Nov 23 '18 at 4:23
Tayler Pierre
81
asked Nov 23 '18 at 4:23
Tayler Pierre
81
asked Nov 23 '18 at 4:23
Tayler Pierre
81
asked Nov 23 '18 at 4:23
Tayler Pierre
81
81
3
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
Nov 23 '18 at 4:29
add a comment |
3
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
Nov 23 '18 at 4:29
3
3
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
Nov 23 '18 at 4:29
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
Nov 23 '18 at 4:29
add a comment |
3 Answers
3
active
oldest
votes
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>
answered Nov 23 '18 at 4:53
Ben Tegoni
1749
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.
– Ben Tegoni
Nov 23 '18 at 5:08
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.
– Kevin Voorn
Nov 23 '18 at 5:12
Ok no worries thanks for letting me know @KevinVoorn
– Ben Tegoni
Nov 23 '18 at 5:13
1
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.
– Kevin Voorn
Nov 23 '18 at 5:17
1
Thanks mate took on board your edits and simplified my original answer, also accepted your edit to improve your rep too :)
– Ben Tegoni
Nov 23 '18 at 5:22
|
show 1 more comment
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 '18 at 4:35
avlyn92
291
add a comment |
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.
answered Nov 23 '18 at 4:30
Kevin Voorn
63211129
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53440629%2fcss-file-not-loading-on-html%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
3 Answers
3
active
oldest
votes
3 Answers
3
active
oldest
votes
active
oldest
votes
active
oldest
votes
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>
answered Nov 23 '18 at 4:53
Ben Tegoni
1749
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.
– Ben Tegoni
Nov 23 '18 at 5:08
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.
– Kevin Voorn
Nov 23 '18 at 5:12
Ok no worries thanks for letting me know @KevinVoorn
– Ben Tegoni
Nov 23 '18 at 5:13
1
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.
– Kevin Voorn
Nov 23 '18 at 5:17
1
Thanks mate took on board your edits and simplified my original answer, also accepted your edit to improve your rep too :)
– Ben Tegoni
Nov 23 '18 at 5:22
|
show 1 more comment
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>
answered Nov 23 '18 at 4:53
Ben Tegoni
1749
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.
– Ben Tegoni
Nov 23 '18 at 5:08
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.
– Kevin Voorn
Nov 23 '18 at 5:12
Ok no worries thanks for letting me know @KevinVoorn
– Ben Tegoni
Nov 23 '18 at 5:13
1
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.
– Kevin Voorn
Nov 23 '18 at 5:17
1
Thanks mate took on board your edits and simplified my original answer, also accepted your edit to improve your rep too :)
– Ben Tegoni
Nov 23 '18 at 5:22
|
show 1 more comment
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>
answered Nov 23 '18 at 4:53
Ben Tegoni
1749
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>
answered Nov 23 '18 at 4:53
Ben Tegoni
1749
edited Nov 23 '18 at 5:20
answered Nov 23 '18 at 4:53
Ben Tegoni
1749
answered Nov 23 '18 at 4:53
Ben Tegoni
1749
answered Nov 23 '18 at 4:53
Ben Tegoni
1749
1749
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.
– Ben Tegoni
Nov 23 '18 at 5:08
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.
– Kevin Voorn
Nov 23 '18 at 5:12
Ok no worries thanks for letting me know @KevinVoorn
– Ben Tegoni
Nov 23 '18 at 5:13
1
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.
– Kevin Voorn
Nov 23 '18 at 5:17
1
Thanks mate took on board your edits and simplified my original answer, also accepted your edit to improve your rep too :)
– Ben Tegoni
Nov 23 '18 at 5:22
|
show 1 more comment
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.
– Ben Tegoni
Nov 23 '18 at 5:08
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.
– Kevin Voorn
Nov 23 '18 at 5:12
Ok no worries thanks for letting me know @KevinVoorn
– Ben Tegoni
Nov 23 '18 at 5:13
1
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.
– Kevin Voorn
Nov 23 '18 at 5:17
1
Thanks mate took on board your edits and simplified my original answer, also accepted your edit to improve your rep too :)
– Ben Tegoni
Nov 23 '18 at 5:22
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.
– Ben Tegoni
Nov 23 '18 at 5:08
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.
– Ben Tegoni
Nov 23 '18 at 5:08
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.
– Kevin Voorn
Nov 23 '18 at 5:12
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.
– Kevin Voorn
Nov 23 '18 at 5:12
Ok no worries thanks for letting me know @KevinVoorn
– Ben Tegoni
Nov 23 '18 at 5:13
Ok no worries thanks for letting me know @KevinVoorn
– Ben Tegoni
Nov 23 '18 at 5:13
1
1
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.
– Kevin Voorn
Nov 23 '18 at 5:17
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.
– Kevin Voorn
Nov 23 '18 at 5:17
1
1
Thanks mate took on board your edits and simplified my original answer, also accepted your edit to improve your rep too :)
– Ben Tegoni
Nov 23 '18 at 5:22
Thanks mate took on board your edits and simplified my original answer, also accepted your edit to improve your rep too :)
– Ben Tegoni
Nov 23 '18 at 5:22
|
show 1 more comment
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 '18 at 4:35
avlyn92
291
add a comment |
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 '18 at 4:35
avlyn92
291
add a comment |
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 '18 at 4:35
avlyn92
291
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 '18 at 4:35
avlyn92
291
answered Nov 23 '18 at 4:35
avlyn92
291
answered Nov 23 '18 at 4:35
avlyn92
291
answered Nov 23 '18 at 4:35
avlyn92
291
291
add a comment |
add a comment |
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.
answered Nov 23 '18 at 4:30
Kevin Voorn
63211129
add a comment |
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.
answered Nov 23 '18 at 4:30
Kevin Voorn
63211129
add a comment |
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.
answered Nov 23 '18 at 4:30
Kevin Voorn
63211129
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.
answered Nov 23 '18 at 4:30
Kevin Voorn
63211129
edited Nov 23 '18 at 5:28
answered Nov 23 '18 at 4:30
Kevin Voorn
63211129
answered Nov 23 '18 at 4:30
Kevin Voorn
63211129
answered Nov 23 '18 at 4:30
Kevin Voorn
63211129
63211129
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53440629%2fcss-file-not-loading-on-html%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
3
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
Nov 23 '18 at 4:29