@font-face not loading in a font?
up vote
0
down vote
favorite
I am having a hard time getting the Burbank font to load in on my website. I have downloaded it off the internet in an opentype font file named burbank-big-condensed-black.otf , This file is inside of a zip file named burbankblack.zip , and all of this is in a file named fonts. I tried to put this into my website using this code:
@font-face {
font-family: 'Burbank';
src: url('fonts/burbankblack.zip/burbank-big-condensed-black.otf');
}
.menu a {
font-family: 'Burbank', sans-serif;
}This results in the font only being changed to sans-serif. Is there anything i need to do that may help me get to get the font on my site, or is there something i need to change?
html css fonts
asked Nov 12 at 20:02
LNinja
31
add a comment |
up vote
0
down vote
favorite
I am having a hard time getting the Burbank font to load in on my website. I have downloaded it off the internet in an opentype font file named burbank-big-condensed-black.otf , This file is inside of a zip file named burbankblack.zip , and all of this is in a file named fonts. I tried to put this into my website using this code:
@font-face {
font-family: 'Burbank';
src: url('fonts/burbankblack.zip/burbank-big-condensed-black.otf');
}
.menu a {
font-family: 'Burbank', sans-serif;
}This results in the font only being changed to sans-serif. Is there anything i need to do that may help me get to get the font on my site, or is there something i need to change?
html css fonts
asked Nov 12 at 20:02
LNinja
31
3
I don't think it's possible to let the server extract the otf font from a zip file. I would put the unzipped font files into a folder and reference those.
– Johannes
Nov 12 at 20:07
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I am having a hard time getting the Burbank font to load in on my website. I have downloaded it off the internet in an opentype font file named burbank-big-condensed-black.otf , This file is inside of a zip file named burbankblack.zip , and all of this is in a file named fonts. I tried to put this into my website using this code:
@font-face {
font-family: 'Burbank';
src: url('fonts/burbankblack.zip/burbank-big-condensed-black.otf');
}
.menu a {
font-family: 'Burbank', sans-serif;
}This results in the font only being changed to sans-serif. Is there anything i need to do that may help me get to get the font on my site, or is there something i need to change?
html css fonts
asked Nov 12 at 20:02
LNinja
31
I am having a hard time getting the Burbank font to load in on my website. I have downloaded it off the internet in an opentype font file named burbank-big-condensed-black.otf , This file is inside of a zip file named burbankblack.zip , and all of this is in a file named fonts. I tried to put this into my website using this code:
@font-face {
font-family: 'Burbank';
src: url('fonts/burbankblack.zip/burbank-big-condensed-black.otf');
}
.menu a {
font-family: 'Burbank', sans-serif;
}This results in the font only being changed to sans-serif. Is there anything i need to do that may help me get to get the font on my site, or is there something i need to change?
@font-face {
font-family: 'Burbank';
src: url('fonts/burbankblack.zip/burbank-big-condensed-black.otf');
}
.menu a {
font-family: 'Burbank', sans-serif;
}@font-face {
font-family: 'Burbank';
src: url('fonts/burbankblack.zip/burbank-big-condensed-black.otf');
}
.menu a {
font-family: 'Burbank', sans-serif;
}html css fonts
html css fonts
asked Nov 12 at 20:02
LNinja
31
asked Nov 12 at 20:02
LNinja
31
asked Nov 12 at 20:02
LNinja
31
asked Nov 12 at 20:02
LNinja
31
asked Nov 12 at 20:02
LNinja
31
31
3
I don't think it's possible to let the server extract the otf font from a zip file. I would put the unzipped font files into a folder and reference those.
– Johannes
Nov 12 at 20:07
add a comment |
3
I don't think it's possible to let the server extract the otf font from a zip file. I would put the unzipped font files into a folder and reference those.
– Johannes
Nov 12 at 20:07
3
3
I don't think it's possible to let the server extract the otf font from a zip file. I would put the unzipped font files into a folder and reference those.
– Johannes
Nov 12 at 20:07
I don't think it's possible to let the server extract the otf font from a zip file. I would put the unzipped font files into a folder and reference those.
– Johannes
Nov 12 at 20:07
add a comment |
2 Answers
2
active
oldest
votes
up vote
0
down vote
That it's not a valid path for the src, burbankblack.zip, extract the font from the .zip, or delete the .zip.
@font-face {
font-family: 'Burbank';
src: url('fonts/burbankblack/burbank-big-condensed-black.otf');
}
answered Nov 12 at 20:08
MartinBA
70513
i deleted the zip file. Still does not work :/
– LNinja
Nov 12 at 20:28
Inside that .zip is the font, you need to extract it, not deleted. you know were the burbank-big-condensed-black.otf file is?
– MartinBA
Nov 12 at 20:30
I moved the burbank-big-condensed-black.otf file out of the zip and into the font folder
– LNinja
Nov 12 at 20:38
Perfect, use this -> src: url('fonts/burbank-big-condensed-black.otf');
– MartinBA
Nov 12 at 20:39
This is what i did earlier, it didn't work.
– LNinja
Nov 12 at 20:46
add a comment |
up vote
0
down vote
Unzip it and upload it as a folder to a website directory, you need a correct location, best click on a font folder > properties > file location and copy the right path.
answered Nov 13 at 1:17
First Name
769
add a comment |
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
That it's not a valid path for the src, burbankblack.zip, extract the font from the .zip, or delete the .zip.
@font-face {
font-family: 'Burbank';
src: url('fonts/burbankblack/burbank-big-condensed-black.otf');
}
answered Nov 12 at 20:08
MartinBA
70513
i deleted the zip file. Still does not work :/
– LNinja
Nov 12 at 20:28
Inside that .zip is the font, you need to extract it, not deleted. you know were the burbank-big-condensed-black.otf file is?
– MartinBA
Nov 12 at 20:30
I moved the burbank-big-condensed-black.otf file out of the zip and into the font folder
– LNinja
Nov 12 at 20:38
Perfect, use this -> src: url('fonts/burbank-big-condensed-black.otf');
– MartinBA
Nov 12 at 20:39
This is what i did earlier, it didn't work.
– LNinja
Nov 12 at 20:46
add a comment |
up vote
0
down vote
That it's not a valid path for the src, burbankblack.zip, extract the font from the .zip, or delete the .zip.
@font-face {
font-family: 'Burbank';
src: url('fonts/burbankblack/burbank-big-condensed-black.otf');
}
answered Nov 12 at 20:08
MartinBA
70513
i deleted the zip file. Still does not work :/
– LNinja
Nov 12 at 20:28
Inside that .zip is the font, you need to extract it, not deleted. you know were the burbank-big-condensed-black.otf file is?
– MartinBA
Nov 12 at 20:30
I moved the burbank-big-condensed-black.otf file out of the zip and into the font folder
– LNinja
Nov 12 at 20:38
Perfect, use this -> src: url('fonts/burbank-big-condensed-black.otf');
– MartinBA
Nov 12 at 20:39
This is what i did earlier, it didn't work.
– LNinja
Nov 12 at 20:46
add a comment |
up vote
0
down vote
up vote
0
down vote
That it's not a valid path for the src, burbankblack.zip, extract the font from the .zip, or delete the .zip.
@font-face {
font-family: 'Burbank';
src: url('fonts/burbankblack/burbank-big-condensed-black.otf');
}
answered Nov 12 at 20:08
MartinBA
70513
That it's not a valid path for the src, burbankblack.zip, extract the font from the .zip, or delete the .zip.
@font-face {
font-family: 'Burbank';
src: url('fonts/burbankblack/burbank-big-condensed-black.otf');
}
answered Nov 12 at 20:08
MartinBA
70513
answered Nov 12 at 20:08
MartinBA
70513
answered Nov 12 at 20:08
MartinBA
70513
answered Nov 12 at 20:08
MartinBA
70513
70513
i deleted the zip file. Still does not work :/
– LNinja
Nov 12 at 20:28
Inside that .zip is the font, you need to extract it, not deleted. you know were the burbank-big-condensed-black.otf file is?
– MartinBA
Nov 12 at 20:30
I moved the burbank-big-condensed-black.otf file out of the zip and into the font folder
– LNinja
Nov 12 at 20:38
Perfect, use this -> src: url('fonts/burbank-big-condensed-black.otf');
– MartinBA
Nov 12 at 20:39
This is what i did earlier, it didn't work.
– LNinja
Nov 12 at 20:46
add a comment |
i deleted the zip file. Still does not work :/
– LNinja
Nov 12 at 20:28
Inside that .zip is the font, you need to extract it, not deleted. you know were the burbank-big-condensed-black.otf file is?
– MartinBA
Nov 12 at 20:30
I moved the burbank-big-condensed-black.otf file out of the zip and into the font folder
– LNinja
Nov 12 at 20:38
Perfect, use this -> src: url('fonts/burbank-big-condensed-black.otf');
– MartinBA
Nov 12 at 20:39
This is what i did earlier, it didn't work.
– LNinja
Nov 12 at 20:46
i deleted the zip file. Still does not work :/
– LNinja
Nov 12 at 20:28
i deleted the zip file. Still does not work :/
– LNinja
Nov 12 at 20:28
Inside that .zip is the font, you need to extract it, not deleted. you know were the burbank-big-condensed-black.otf file is?
– MartinBA
Nov 12 at 20:30
Inside that .zip is the font, you need to extract it, not deleted. you know were the burbank-big-condensed-black.otf file is?
– MartinBA
Nov 12 at 20:30
I moved the burbank-big-condensed-black.otf file out of the zip and into the font folder
– LNinja
Nov 12 at 20:38
I moved the burbank-big-condensed-black.otf file out of the zip and into the font folder
– LNinja
Nov 12 at 20:38
Perfect, use this -> src: url('fonts/burbank-big-condensed-black.otf');
– MartinBA
Nov 12 at 20:39
Perfect, use this -> src: url('fonts/burbank-big-condensed-black.otf');
– MartinBA
Nov 12 at 20:39
This is what i did earlier, it didn't work.
– LNinja
Nov 12 at 20:46
This is what i did earlier, it didn't work.
– LNinja
Nov 12 at 20:46
add a comment |
up vote
0
down vote
Unzip it and upload it as a folder to a website directory, you need a correct location, best click on a font folder > properties > file location and copy the right path.
answered Nov 13 at 1:17
First Name
769
add a comment |
up vote
0
down vote
Unzip it and upload it as a folder to a website directory, you need a correct location, best click on a font folder > properties > file location and copy the right path.
answered Nov 13 at 1:17
First Name
769
add a comment |
up vote
0
down vote
up vote
0
down vote
Unzip it and upload it as a folder to a website directory, you need a correct location, best click on a font folder > properties > file location and copy the right path.
answered Nov 13 at 1:17
First Name
769
Unzip it and upload it as a folder to a website directory, you need a correct location, best click on a font folder > properties > file location and copy the right path.
answered Nov 13 at 1:17
First Name
769
answered Nov 13 at 1:17
First Name
769
answered Nov 13 at 1:17
First Name
769
answered Nov 13 at 1:17
First Name
769
769
add a comment |
add a comment |
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%2f53269283%2ffont-face-not-loading-in-a-font%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
I don't think it's possible to let the server extract the otf font from a zip file. I would put the unzipped font files into a folder and reference those.
– Johannes
Nov 12 at 20:07