html - @ font-face无法加载字体？

我很难让Burbank字体加载到我的网站上。我已经从Internet上以一个名为burbank-big-condensed-black.otf的开放式字体文件下载了该文件，该文件位于一个名为burbankblack.zip的zip文件中，而所有这些文件均位于一个名为fonts的文件中。我尝试使用以下代码将其放入我的网站：

@font-face {
  font-family: 'Burbank';
  src: url('fonts/burbankblack.zip/burbank-big-condensed-black.otf');
}

.menu a {
  font-family: 'Burbank', sans-serif;
}

这导致字体仅更改为sans-serif。我需要做些什么来帮助我在网站上获取字体，还是需要更改？

最佳答案

它不是src，burbankblack.zip，从.zip中提取字体或删除.zip的有效路径。

@font-face {
  font-family: 'Burbank';
  src: url('fonts/burbankblack/burbank-big-condensed-black.otf');
}