@font-face not loading in a font?

Question

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?

Answer 1

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');
}

Answer 2

解压缩并将其作为文件夹上传到网站目录，您需要一个正确的位置，最好单击字体文件夹>属性>文件位置，然后复制正确的路径。